@nylas/web-elements 1.4.2 → 1.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +56 -27
- package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +4842 -4822
- package/dist/cjs/checkmark-icon_15.cjs.entry.js +3 -3
- package/dist/cjs/checkmark-icon_15.cjs.entry.js.map +1 -1
- package/dist/cjs/google-logo-icon_6.cjs.entry.js +4 -4
- package/dist/cjs/input-component.cjs.entry.js +13 -2
- package/dist/cjs/input-component.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nylas-booked-event-card_12.cjs.entry.js +40 -11
- package/dist/cjs/nylas-booked-event-card_12.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-event-calendar_3.cjs.entry.js +53 -24
- package/dist/cjs/nylas-event-calendar_3.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-provider.cjs.entry.js +1 -1
- package/dist/cjs/nylas-scheduling.cjs.entry.js +3 -3
- package/dist/cjs/nylas-web-elements.cjs.js +1 -1
- package/dist/cjs/{scheduler-store-d6f5cff3.js → scheduler-store-5dcefe7e.js} +2 -2
- package/dist/cjs/{scheduler-store-d6f5cff3.js.map → scheduler-store-5dcefe7e.js.map} +1 -1
- package/dist/collection/components/design-system/input-component/input-component.js +13 -2
- package/dist/collection/components/design-system/input-component/input-component.js.map +1 -1
- package/dist/collection/components/scheduler/nylas-date-picker/nylas-date-picker.js +40 -6
- package/dist/collection/components/scheduler/nylas-date-picker/nylas-date-picker.js.map +1 -1
- package/dist/collection/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.js +8 -5
- package/dist/collection/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-calendar/nylas-event-calendar.js +28 -17
- package/dist/collection/components/scheduler-editor/nylas-event-calendar/nylas-event-calendar.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.css +15 -0
- package/dist/collection/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.js +13 -2
- package/dist/collection/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.css +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.js +12 -4
- package/dist/collection/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-event-title/nylas-event-title.js +3 -3
- package/dist/collection/components/scheduler-editor/nylas-event-title/nylas-event-title.js.map +1 -1
- package/dist/components/index.es.js +1 -1
- package/dist/components/input-component2.js +13 -2
- package/dist/components/input-component2.js.map +1 -1
- package/dist/components/nylas-date-picker2.js +38 -8
- package/dist/components/nylas-date-picker2.js.map +1 -1
- package/dist/components/nylas-editor-tabs-group2.js +2 -2
- package/dist/components/nylas-editor-tabs2.js +2 -2
- package/dist/components/nylas-event-calendar2.js +29 -18
- package/dist/components/nylas-event-calendar2.js.map +1 -1
- package/dist/components/nylas-event-capacity2.js +14 -3
- package/dist/components/nylas-event-capacity2.js.map +1 -1
- package/dist/components/nylas-event-timeslot2.js +14 -6
- package/dist/components/nylas-event-timeslot2.js.map +1 -1
- package/dist/components/nylas-event-title2.js +3 -3
- package/dist/components/nylas-event-title2.js.map +1 -1
- package/dist/components/nylas-list-configurations2.js +1 -1
- package/dist/components/nylas-locale-switch2.js +1 -1
- package/dist/components/nylas-scheduler-editor.js +1 -1
- package/dist/components/nylas-scheduling.js +3 -3
- package/dist/components/nylas-timeslot-picker2.js +9 -6
- package/dist/components/nylas-timeslot-picker2.js.map +1 -1
- package/dist/components/scheduler-store.js +2 -2
- package/dist/components/utils.js +1 -1
- package/dist/esm/calendar-agenda-fill-icon_36.entry.js +2 -2
- package/dist/esm/checkmark-icon_15.entry.js +5 -5
- package/dist/esm/checkmark-icon_15.entry.js.map +1 -1
- package/dist/esm/{feedbackSync-aa8d23d1.js → feedbackSync-57bb471a.js} +2 -2
- package/dist/esm/{feedbackSync-aa8d23d1.js.map → feedbackSync-57bb471a.js.map} +1 -1
- package/dist/esm/globe-icon_2.entry.js +1 -1
- package/dist/esm/google-logo-icon_6.entry.js +7 -7
- package/dist/esm/{index.es-6d4b50d5.js → index.es-13ff6710.js} +2 -2
- package/dist/esm/{index.es-6d4b50d5.js.map → index.es-13ff6710.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/input-component.entry.js +14 -3
- package/dist/esm/input-component.entry.js.map +1 -1
- package/dist/esm/input-dropdown_2.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/multi-select-dropdown_2.entry.js +1 -1
- package/dist/esm/{nylas-api-request-c5400df5.js → nylas-api-request-2e5f4c7f.js} +2 -2
- package/dist/esm/{nylas-api-request-c5400df5.js.map → nylas-api-request-2e5f4c7f.js.map} +1 -1
- package/dist/esm/nylas-booked-event-card_12.entry.js +42 -13
- package/dist/esm/nylas-booked-event-card_12.entry.js.map +1 -1
- package/dist/esm/nylas-event-calendar_3.entry.js +55 -26
- package/dist/esm/nylas-event-calendar_3.entry.js.map +1 -1
- package/dist/esm/nylas-form-card.entry.js +2 -2
- package/dist/esm/nylas-if-state.entry.js +2 -2
- package/dist/esm/nylas-login.entry.js +2 -2
- package/dist/esm/nylas-provider.entry.js +3 -3
- package/dist/esm/nylas-scheduler-editor.entry.js +3 -3
- package/dist/esm/nylas-scheduling.entry.js +6 -6
- package/dist/esm/nylas-web-elements.js +1 -1
- package/dist/esm/{register-component-238f28de.js → register-component-02a05665.js} +2 -2
- package/dist/esm/{register-component-238f28de.js.map → register-component-02a05665.js.map} +1 -1
- package/dist/esm/{scheduler-store-82bb212a.js → scheduler-store-fe9e85a4.js} +3 -3
- package/dist/esm/{scheduler-store-82bb212a.js.map → scheduler-store-fe9e85a4.js.map} +1 -1
- package/dist/esm/textarea-component.entry.js +1 -1
- package/dist/esm/{utils-7d962146.js → utils-e27d0e4b.js} +2 -2
- package/dist/esm/{utils-7d962146.js.map → utils-e27d0e4b.js.map} +1 -1
- package/dist/nylas-web-elements/index.esm.js +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js.map +1 -1
- package/dist/nylas-web-elements/{p-12bf5148.js → p-189b24e6.js} +2 -2
- package/dist/nylas-web-elements/p-1cbe8a56.entry.js +2 -0
- package/dist/nylas-web-elements/{p-d132fbaa.entry.js.map → p-1cbe8a56.entry.js.map} +1 -1
- package/dist/nylas-web-elements/{p-fdc35ad8.entry.js → p-23971057.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-ba831977.entry.js → p-2dd05606.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-797578de.js → p-388c456c.js} +2 -2
- package/dist/nylas-web-elements/{p-cf650f4f.js → p-3ea1c7c9.js} +2 -2
- package/dist/nylas-web-elements/{p-de9d8218.entry.js → p-5f683e34.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-c2b6e0ca.entry.js → p-68ab7563.entry.js} +2 -2
- package/dist/nylas-web-elements/p-68ab7563.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-ec2c12a9.js → p-6b7fb948.js} +2 -2
- package/dist/nylas-web-elements/{p-cfd42146.js → p-7477410d.js} +2 -2
- package/dist/nylas-web-elements/{p-b62ef1be.js → p-7d9cdd23.js} +2 -2
- package/dist/nylas-web-elements/{p-00577fba.entry.js → p-8a7a6947.entry.js} +2 -2
- package/dist/nylas-web-elements/p-97f87422.entry.js +2 -0
- package/dist/nylas-web-elements/p-97f87422.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-9999c233.entry.js → p-aaf12216.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-a452d4ea.entry.js → p-b55a87fa.entry.js} +2 -2
- package/dist/nylas-web-elements/p-b55a87fa.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-888d0c66.entry.js → p-c5f86111.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-dd98c443.entry.js → p-cc6dbd73.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-b59288fd.entry.js → p-d5a2cec8.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-83216795.entry.js → p-deb33dfb.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-83216795.entry.js.map → p-deb33dfb.entry.js.map} +1 -1
- package/dist/nylas-web-elements/{p-2531d4fa.entry.js → p-e2dc32d9.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-a263330c.entry.js → p-eedabd6a.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-355b34cb.entry.js → p-f57e68b1.entry.js} +2 -2
- package/dist/types/components/scheduler/nylas-date-picker/nylas-date-picker.d.ts +4 -0
- package/dist/types/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.d.ts +1 -0
- package/package.json +4 -5
- package/CHANGELOG.md +0 -878
- package/dist/nylas-web-elements/p-203beca4.entry.js +0 -2
- package/dist/nylas-web-elements/p-203beca4.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-a452d4ea.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-c2b6e0ca.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-d132fbaa.entry.js +0 -2
- /package/dist/nylas-web-elements/{p-12bf5148.js.map → p-189b24e6.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-fdc35ad8.entry.js.map → p-23971057.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-ba831977.entry.js.map → p-2dd05606.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-797578de.js.map → p-388c456c.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-cf650f4f.js.map → p-3ea1c7c9.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-de9d8218.entry.js.map → p-5f683e34.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-ec2c12a9.js.map → p-6b7fb948.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-cfd42146.js.map → p-7477410d.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-b62ef1be.js.map → p-7d9cdd23.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-00577fba.entry.js.map → p-8a7a6947.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-9999c233.entry.js.map → p-aaf12216.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-888d0c66.entry.js.map → p-c5f86111.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-dd98c443.entry.js.map → p-cc6dbd73.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-b59288fd.entry.js.map → p-d5a2cec8.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-2531d4fa.entry.js.map → p-e2dc32d9.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-a263330c.entry.js.map → p-eedabd6a.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-355b34cb.entry.js.map → p-f57e68b1.entry.js.map} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as n,h as a,H as o,a as t,F as s}from"./p-6f5a3998.js";import{R as l}from"./p-797578de.js";import{a as r,i,j as c,l as d,s as f,n as y,b,o as h,q as p,r as u,v as g,w as m,x as k,y as v,z as w}from"./p-ec2c12a9.js";import{T as x,c as C,a as _}from"./p-6f7cb609.js";import"./p-c79dcb59.js";const j=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}';const z=j;var L=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var R=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const B=class{constructor(a){e(this,a);this.cancelBookingButtonClicked=n(this,"cancelBookingButtonClicked",7);this.rescheduleButtonClicked=n(this,"rescheduleButtonClicked",7);this.rescheduleBookedEventError=n(this,"rescheduleBookedEventError",7);this.cancelBookedEventValidationError=n(this,"cancelBookedEventValidationError",7);this.handleCancelBookingButtonClicked=()=>{const e=new Date(this.selectedTimeslot.start_time);const n=this.configSettings?.scheduler?.min_cancellation_notice;if(!n){this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id});return}const a=e.getTime()-n*60*1e3;if(a<(new Date).getTime()){this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${n} minutes of the event.`}})}else{this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})}};this.handleRescheduleButtonClicked=()=>{const e=e=>{this.rescheduleBookedEventError.emit(e)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:e})};this.getPaticipantType=e=>{switch(e){case"host":return"Host";case"you":return"You";default:return""}};this.eventInfo=undefined;this.rescheduleBookingId=undefined;this.bookingInfo=undefined;this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedTimeslot=undefined;this.selectedLanguage=navigator.language;this.hour12=undefined;this.startTime="";this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r(`[nylas-booked-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-booked-event-card] Component did load`);if(!this.eventInfo){console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.')}if(!this.bookingInfo){console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.')}this.applyThemeConfig(this.themeConfig);const e=C[this.selectedLanguage||"en"];const n=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=n.format(this.selectedTimeslot?.start_time);this.endTime=n.format(this.selectedTimeslot?.end_time)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){const e=this.configSettings?.booking_type;const n=e&&e!=="booking";return a(o,{key:"746e23e82adf30da44ac6a160400705251a5cf98",part:"nbec"},a("div",{key:"aa3e79d294ff41b4a43775763f9e5f1922f955c7",class:"nylas-booked-event-card"},a("div",{key:"cbb343663633b5ba80875f42af0bb0d091ee1ac8",class:"booked-event-timezone"},a("globe-icon",{key:"8c94142bd486144efaa251770c87f4ec15481b41"}),x[this.selectedTimezone]),a("div",{key:"e06ef2c5b7a1977ff1953027d6109cb8a1acf493",class:"event-card-wrapper",part:"nbec__card"},a("div",{key:"5a99626d44f6ef819af2606bf24208e1833e3a54",class:"calendar-icon"},a("calendar-check-icon",{key:"06c5ec0241535ee0ea82c743653f93442bc9a5fa"})),a("div",{key:"b38fa39209c64394902a0e7607248d0d0c73adf2",class:"booked-event-header"},a("h2",{key:"1706d065e1f427efcccef18f382702e95da33080",slot:"card-title",part:"nbec__title"},!!this.rescheduleBookingId&&!this.isLoading?`${i.t("bookingRescheduled")}`:n&&!this.isLoading?`${i.t("bookingSent")}`:`${i.t("bookingConfirmed")}`,"!"),a("div",{key:"c7bfce355ce08d858862bc7672f20e8a2bb3dce9",class:"card-description",part:"nbec__description"},n?i.t("bookingSentDescription"):a("span",null,i.t("bookingConfirmedDescription")))),a("div",{key:"2074c51dfdfd0753fcd3d598b7633520bf70ab63",class:"booking-date-time"},a("checkmark-circle-icon",{key:"dbfe39fadeeb08186a5214cfb9ca5d3c8da55cb1"}),a("h3",{key:"edb9ed53cb25e9e06ec7b27f8141fa6f422c1511"},i.t("bookingDateAndTimeHeader")),a("p",{key:"24d8d606ab3e217256152e249ee435d070df0c5b"},this.selectedTimeslot?.start_time?c(d(this.selectedTimeslot?.start_time,this.selectedTimezone,C[this.selectedLanguage])):"-"," ",a("br",{key:"5949a97ff7e7b256e410f591b810332a72e0696c"}),this.startTime," - ",this.endTime)),a("div",{key:"3450618726c762232151511fd28570834cf07cc4",class:"booking-participants"}),!n&&a("div",{class:"button-container"},a("div",{class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options||this.configSettings?.booking_type==="organizer-confirmation","no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&a("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${i.t("cancelBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&a("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,disabled:this.isLoading,part:"nbec__button-outline nbec__reschedule-cta"},`${i.t("rescheduleBookingButton")}`))))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};L([l({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{cancelBookingButtonClicked:async(e,n)=>{n.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,n)=>{const a=await n.scheduler.setReschedule(e.detail.bookingId);const{errorHandler:o}=e.detail;if(o&&(!a||"error"in a)){o(a)}},rescheduleBookedEventError:async(e,n)=>{r("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,n)=>{r("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},fireRegisterEvent:true}),R("design:type",Function),R("design:paramtypes",[]),R("design:returntype",void 0)],B.prototype,"render",null);B.style=z;const E=':host{display:block;height:100%;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-booking-form{width:100%;padding:1.5rem;box-sizing:border-box;height:450px;overflow-y:auto;height:100%}form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{grid-template-columns:1fr}}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:1rem}.input-wrapper input::placeholder{color:var(--nylas-base-300)}.input-wrapper label,.input-wrapper input{font-family:var(--nylas-font-family);font-size:16px}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}.button-content{display:flex;gap:4px;align-items:center}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%}input[type=text]:focus,input[type=email]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=email].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=email].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--nylas-base-300)}input[type=text].guest-email,input[type=email].guest-email{color:var(--nylas-base-900);padding-right:52px}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}button-component.remove-guest{position:absolute;height:51px;right:0}button-component.remove-guest.error button{border-color:var(--nylas-error)}button-component.remove-guest button{height:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;border:none !important;border-left:1px solid var(--nylas-base-300) !important}button-component.remove-guest button:hover,button-component.remove-guest button:focus{outline:1px solid var(--nylas-primary) !important;color:var(--nylas-primary)}button-component.back button{--dot-color:var(--nylas-base-800)}.guest-email-input{position:relative;display:flex;width:100%}multi-select-dropdown::part(msd_dropdown-label){margin-bottom:4px}multi-select-dropdown::part(msd_dropdown_error){font-size:16px}multi-select-dropdown::part(msd_dropdown-button){height:52px;border-color:var(--nylas-base-300)}multi-select-dropdown::part(msd_dropdown-button--error){border-width:2px;border-color:var(--nylas-error)}';const I=E;var T=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var D=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const S=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;const O=class{constructor(a){e(this,a);this.nameChanged=n(this,"nameChanged",7);this.emailChanged=n(this,"emailChanged",7);this.backButtonClicked=n(this,"backButtonClicked",7);this.detailsConfirmed=n(this,"detailsConfirmed",7);this.bookingFormError=n(this,"bookingFormError",7);this.bookingFormSubmitted=n(this,"bookingFormSubmitted",7);this.handleGuestChange=(e,n)=>{this.resetGuestEmailError(e);const a=[...this.guestEmails];a[e]=f(n);this.guestEmails=[...a]};this.handleGuestBlur=(e,n)=>{this.resetGuestEmailError(e);if(n===""){this.guestEmailErrors[e]=i.t("fieldRequired",{field:i.t("email")});return}if(!S.test(n)){this.guestEmailErrors[e]=i.t("invalidInputFormat",{field:i.t("email")});return}this.handleGuestChange(e,n)};this.addGuestButtonClickedHandler=e=>{e.preventDefault();this.guestEmails=[...this.guestEmails,""]};this.removeGuestButtonClickHandler=(e,n)=>{e.preventDefault();this.resetGuestEmailError(n);const a=[...this.guestEmails];a.splice(n,1);this.guestEmails=[...a]};this.handleBackButtonClicked=e=>{e.preventDefault();this.backButtonLoading=true;this.backButtonClicked.emit()};this.bookButtonClickedHandler=async e=>{e.preventDefault();const n=this.bookingFormSubmitted.emit();if(n.defaultPrevented){return}r("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const a=this.name;const o=this.email;if(!a||a===""){this.isNameValid=false;this.validationError.name=i.t("fieldRequired",{field:i.t("name")})||"Name is required";this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!o||o===""){this.isEmailValid=false;this.validationError.email=i.t("fieldRequired",{field:i.t("email")})||"Email is required";this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!S.test(o)){this.isEmailValid=false;this.validationError.email=i.t("invalidInputFormat",{field:i.t("email")});this.bookingFormError.emit({title:"Booking form error",description:i.t("invalidInputFormat",{field:i.t("email")})||"Invalid email"});return}let t=[];if(this.guestEmails.length>0){let e=false;this.guestEmails.forEach(((n,a)=>{if(n===""){e=true;this.guestEmailErrors={...this.guestEmailErrors,[a]:i.t("fieldRequired",{field:i.t("email")})}}else if(!S.test(n)){e=true;this.guestEmailErrors={...this.guestEmailErrors,[a]:i.t("invalidInputFormat",{field:i.t("email")})}}}));if(e){this.bookingFormError.emit({title:"Booking form error",description:i.t("invalidInputFormat",{field:i.t("guestEmail")})||"Invalid guest email"});return}t=this.guestEmails.map((e=>({name:e.trim(),email:e.trim()})))}const s={};const l=this.configSettings?.scheduler?.additional_fields||{};const c=this.configSettings?.booking?.additional_fields||{};if(this.bookingInfo?.additionalFields){Object.entries(this.bookingInfo.additionalFields).forEach((([e,n])=>{if(e in l&&typeof n.value!=="undefined"){s[e]=n.value}}))}Object.entries(l).forEach((([e,n])=>{if(!(e in s)){const a=c[e]||n.default||"";s[e]=a}}));this.detailsConfirmed.emit({primaryParticipant:{name:a,email:o},guests:t,additionalFields:{...s,...this.additionalFields}})};this.updateAdditionalFields=(e,n)=>{if(this.additionalFields){this.additionalFields[e]=n}};this.isLoading=undefined;this.bookingInfo=undefined;this.eventInfo=undefined;this.configSettings=undefined;this.themeConfig=undefined;this.name="";this.email="";this.guestEmails=[];this.guestEmailErrors={};this.isNameValid=true;this.isEmailValid=true;this.additionalFields={};this.validationError={name:"",email:""};this.backButtonLoading=false;this.firstRender=true}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){r("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){r("nylas-booking-form","componentDidLoad",this.bookingInfo);if(this.configSettings?.booking){this.configSettingsChangedHandler(this.configSettings)}else if(this.bookingInfo){this.bookingInfoChangedHandler(this.bookingInfo)}this.applyThemeConfig(this.themeConfig)}componentDidRender(){if(this.firstRender){this.applyThemeConfig(this.themeConfig)}}bookingInfoChangedHandler(e){if(e&&e.primaryParticipant){this.name=e.primaryParticipant.name||this.name;this.email=e.primaryParticipant.email||this.email}if(e?.guests&&Array.isArray(e.guests)){this.guestEmails=e.guests.map((e=>e.email))}}configSettingsChangedHandler(e){if(!this.bookingInfo?.primaryParticipant?.name&&e&&e.booking?.guest?.name){this.name=e.booking.guest.name||this.name}if(!this.bookingInfo?.primaryParticipant?.email&&e&&e.booking?.guest?.email){this.email=e.booking.guest.email||this.email}if(!this.bookingInfo?.guests&&e?.booking?.additional_guests&&Array.isArray(e.booking.additional_guests)){this.guestEmails=e.booking.additional_guests.map((e=>e.email))}}themeConfigChanged(e){this.applyThemeConfig(e)}iterateFormComponents(){const e=this.formRef;const n=["input-component","button-component","select-dropdown","checkbox-component","radio-button-group","textarea-component","nylas-date-component","multi-select-dropdown"];const a=[];if(e){const o=e=>{Array.from(e.children).forEach((e=>{const t=e.tagName.toLowerCase();if(n.includes(t)){a.push(e)}o(e)}))};o(e)}return a}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a);const e=this.iterateFormComponents();e.forEach((e=>{e.style.setProperty(`${n}`,a);e.shadowRoot?.host.style.setProperty(`${n}`,a)}))}}}changeName(e){this.isNameValid=true;this.validationError.name="";this.name=y(e);this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=true;this.validationError.email="";this.email=f(e);this.emailChanged.emit(e)}resetGuestEmailError(e){const n={...this.guestEmailErrors};delete n[e];this.guestEmailErrors={...n}}nylasFormInputChangedHandler(e){switch(e.detail.name){case"name":this.changeName(e.detail.value);break;case"email":this.changeEmail(e.detail.value);break;default:if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value);break}}selectOptionChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value)}selecedOptionsChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}const n=e.detail.value.toString();this.updateAdditionalFields(e.detail.name,n)}switchToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}checkboxToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}radioChangedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}dropdownDefaultSelectedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}render(){return a(o,{key:"7cc64499522157e62c5703990effe640e032794f"},a("form",{key:"14b8c18e942c2b30027dd4ab7e9f50be749b6d8a",onSubmit:e=>this.bookButtonClickedHandler(e),ref:e=>this.formRef=e,noValidate:true},a("div",{key:"df00121eb4e6491ce7a758690c0bb2fdb3afd2c0",class:"nylas-booking-form",part:"nbf"},a("div",{key:"f54bdfab54066557fa20defcc90bba5b33211616",class:"input-wrapper",part:"nbf__input-wrapper"},a("input-component",{key:"b4fb9a672fb708ebc47084c9978fc6c526dda804",label:i.t("name"),name:"name",id:"name",defaultValue:this.bookingInfo?.primaryParticipant?.name||this.configSettings?.booking?.guest?.name||this.name,placeholder:i.t("namePlaceholder"),type:"text",readOnly:this.bookingInfo?.primaryParticipant?.nameReadOnly||false,required:true,requiredError:i.t("fieldRequired",{field:i.t("name")}),patternError:i.t("invalidInputFormat",{field:i.t("name")}),part:"nbf__input-textfield"})),a("div",{key:"44f5979a3aacfaedf6baa124ddf3cae468f71e19",class:"input-wrapper",part:"nbf__input-wrapper"},a("input-component",{key:"5e72e7aa54a18a6a3b441a6d3d03c8b08246bc07",label:i.t("email"),name:"email",id:"email",pattern:S,defaultValue:this.bookingInfo?.primaryParticipant?.email||this.configSettings?.booking?.guest?.email||this.email,placeholder:i.t("emailPlaceholder"),type:"email",readOnly:this.bookingInfo?.primaryParticipant?.emailReadOnly||false,required:true,requiredError:i.t("fieldRequired",{field:i.t("email")}),patternError:i.t("invalidInputFormat",{field:i.t("email")}),part:"nbf__input-textfield"})),this.configSettings?.scheduler?.hide_additional_guests!==true&&a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map(((e,n)=>a("div",{class:"input-wrapper button-wrapper"},a("label",{class:{error:!!this.guestEmailErrors[n]}},i.t("guestEmail")),a("div",{class:"guest-email-input"},a("input",{type:"email",id:`guest-email-${n}`,maxLength:100,class:{"guest-email":true,error:!!this.guestEmailErrors[n]},placeholder:i.t("guestEmailPlaceholder"),value:e,"data-index":n,part:"nbf__input-textfield",onBlur:e=>this.handleGuestBlur(n,e.target?.value),onInput:e=>this.handleGuestChange(n,e.target?.value)}),a("button-component",{variant:"basic",tooltip:"Remove guest",onClick:e=>this.removeGuestButtonClickHandler(e,n),class:{"remove-guest":true,error:!!this.guestEmailErrors[n]}},a("close-icon",null))),a("p",{class:"help-text"},this.guestEmailErrors[n])))),a("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:e=>this.addGuestButtonClickedHandler(e)},a("div",{class:"button-content"},a("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${i.t("addAnotherGuest")}`:`${i.t("addGuest")}`))),Object.entries(this.configSettings?.scheduler?.additional_fields||{})?.sort(((e,n)=>e[1].order-n[1].order)).map((e=>{const n=e[1];const o=n.label;const t=e[0];const s=this.bookingInfo?.additionalFields?.[t]?.value||this.configSettings?.booking?.additional_fields?.[t]||n.default||"";const l=this.bookingInfo?.additionalFields?.[t]?.readOnly||false;switch(n.type){case"dropdown":return a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},a("select-dropdown",{label:o,name:t,id:t,readOnly:l,withSearch:false,emptyValue:i.t("nylasBookingCalendarPicker.selectOptionLabel"),defaultSelectedOption:s?{value:s,label:s}:undefined,options:[{value:"",label:i.t("nylasBookingCalendarPicker.selectOptionLabel")},...n.options?.map((e=>({value:e,label:e})))||[]],required:n.required,exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},a("checkbox-component",{readOnly:l,label:o,name:t,id:t,checked:s==="true",required:n.required,part:"nbf__checkbox-component"}));case"radio_button":return a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},a("radio-button-group",{label:o,name:t,id:t,readOnly:l,defaultSelectedValue:s||n.options?.[0]||"",options:n.options?.map((e=>({value:e,label:e}))),required:n.required,part:"nbf__radio-button-group"}));case"multi_line_text":return a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},a("textarea-component",{readOnly:l,label:o,defaultValue:s,name:t,id:t,required:n.required,part:"nbf__textarea-component"}));case"date":return a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},a("nylas-date-component",{readOnly:l,label:o,defaultValue:s,name:t,id:t,required:n.required,part:"nbf__date-component"}));case"multi_select":{const e=s?.split(",").map((e=>e.trim()))||[];return a("div",null,a("multi-select-dropdown",{label:o,name:t,id:t,readOnly:l,multipleOptionsSelectedLabel:i.t("multipleOptionsSelected"),options:n.options?.map((n=>({value:n,label:n,selected:e.includes(n)}))),required:n.required,exportparts:"msd_dropdown: nbf__ms_dropdown, msd_dropdown-label: nbf__ms_dropdown-label, msd_dropdown-button: nbf__ms_dropdown-button, msd_dropdown-content: nbf__ms_dropdown-content, msd_dropdown_error: nbf__ms_dropdown_error, msd_dropdown-button--error: nbf__ms_dropdown-button--error"}))}case"metadata":return null;default:return a("div",{class:"input-wrapper",part:"nbf__input-wrapper"},a("input-component",{label:o,name:t,id:t,type:n.type,readOnly:l,defaultValue:s||"",requiredError:i.t("fieldRequired",{field:o}),required:n.required,part:"nbf__input-textfield"}))}}))),a("div",{key:"ceca163a222c8be615a63d36f15e1dcdad40c08c",class:"cta"},a("button-component",{key:"300ecbc4bffd1abe7d89684000ea958457392650",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},a("slot",{key:"3f3ab4bd1654a53941685961252c57138dbd9cc5",name:"booking-form-back-label"},`${i.t("backButton")}`)),a("button-component",{key:"f1e3ecf792c87519589b83678d607bf12756f209",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},a("slot",{key:"75e9978b761610c37daf981520dc6e372e02fb38",name:"booking-form-book-label"},`${i.t("bookNowButton")}`)))))}get host(){return t(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"],configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};T([l({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"],["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{backButtonClicked:async(e,n)=>{n.scheduler.toggleAdditionalData(false)},nameChanged:async(e,n)=>{n.scheduler.setParticipantName(e.detail)},emailChanged:async(e,n)=>{n.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,n)=>{r("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,n)=>{r("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,n)=>{r("nylas-booking-form","bookingFormError",e.detail)}},fireRegisterEvent:true}),D("design:type",Function),D("design:paramtypes",[]),D("design:returntype",void 0)],O.prototype,"render",null);O.style=I;const $=':host{--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}';const H=$;var F=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var M=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const V=class{constructor(a){e(this,a);this.goBackButtonClicked=n(this,"goBackButtonClicked",7);this.cancelBookingFormSubmitted=n(this,"cancelBookingFormSubmitted",7);this.triggerValidation=n(this,"triggerValidation",7);this.cancelBookedEventError=n(this,"cancelBookedEventError",7);this.cancelBookingFormError=n(this,"cancelBookingFormError",7);this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()};this.handleSubmitCancelBooking=e=>{this.triggerValidation.emit({});e.preventDefault();if(!this.cancellationReason){this.cancellationError=i.t("cancellationErrorMessage");this.cancelBookingFormError.emit({title:i.t("cancelBokingFormError"),description:i.t("cancellationErrorMessage")});return}const n=this.configSettings?.scheduler?.min_cancellation_notice;if(this.selectedTimeslot&&n){const e=new Date(this.selectedTimeslot?.start_time);const a=e.getTime()-n*60*1e3;if(a<(new Date).getTime()){this.cancelBookedEventError.emit({error:{title:i.t("cancellationErrorTitle"),message:i.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:n})}});return}}r(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const a=e=>{this.cancelBookedEventError.emit(e)};if(this.cancelBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:a})}else if(this.rejectBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:a})}};this.cancelBookingId=undefined;this.rejectBookingId=undefined;this.selectedTimeslot=undefined;this.configSettings=undefined;this.eventInfo=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.cancellationReason="";this.cancellationError="";this.cancellationPolicy=this.configSettings?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}configSettingsChangedHandler(e){this.cancellationPolicy=e?.scheduler?.cancellation_policy||"Your current timeslot will become available to others."}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){r(`[nylas-cancel-booking-form] Component connected`)}async componentWillLoad(){r(`[nylas-cancel-booking-form] Component will load`)}async componentDidLoad(){r(`[nylas-cancel-booking-form] Component did load`);if(!this.cancelBookingId){console.warn(`[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){r(`[nylas-cancel-booking-form] Component disconnected`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a);this.textareaRef?.style.setProperty(`${n}`,a)}}}handleNylasFormInputChanged(e){this.triggerValidation.emit({});if(e.detail.name==="cancel-reason"){this.cancellationReason=e.detail.value;this.cancellationError=e.detail.error}}render(){return a(o,{key:"733c136e4a80782ac18c8d52e053d26cdcceaa67",part:"ncbf"},a("div",{key:"108279e83820f644da85d6c89edf09b9bcea3700",class:"nylas-cancel-booking-form",part:"ncbf__card"},a("div",{key:"ffc95389f08a71b9892eaf27505700ff03331bc9",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},a("calendar-cancel-icon",{key:"5993111a1f702bc24d15d10e3b1fb40017820e4a"})),a("h3",{key:"24ce0017beeb98abebef2276d2d1b8642cc31a7a",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},i.t("cancelBookingTitle")),a("div",{key:"8708735caa18b7f16da87d8403dba66f9cccf80f",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},!this.configSettings?.scheduler?.cancellation_policy?`${i.t("cancelBookingMessage")}`:this.cancellationPolicy),a("form",{key:"917b25ea4259080e48d1bca6f889d9749cab8684",onSubmit:this.handleSubmitCancelBooking},a("textarea-component",{key:"b0242c5184c55413249cc9b3fc834c145725aa58",id:"cancel-reason",name:"cancel-reason",ref:e=>this.textareaRef=e,required:true,label:i.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),a("div",{key:"dbfd4caad12ab130460efaf266a5c8ae52da0f83",class:"footer"},a("button-component",{key:"6ddab785c067eaa9eed443a14aaf42240a01f4c3",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},i.t("cancelBookingButton")),!!this.eventInfo&&a("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},i.t("goBackButton"))))))}get host(){return t(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"],themeConfig:["themeConfigChanged"]}}};F([l({name:"nylas-cancel-booking-form",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.eventInfo","eventInfo"],["scheduler.isLoading","isLoading"],["scheduler.cancelBookingId","cancelBookingId"],["scheduler.rejectBookingId","rejectBookingId"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{cancelBookingFormSubmitted:async(e,n)=>{const{action:a,errorHandler:o}=e.detail;if(a==="cancel"){const a=await n.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);if(o&&(!a||"error"in a)){o(a)}}else if(a==="reject"){const a=await n.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});if(o&&(!a||"error"in a)){o(a)}}},goBackButtonClicked:async(e,n)=>{r("nylas-cancel-booking-form","goBackButtonClicked",e.detail);n.scheduler.goBack()},cancelBookedEventError:async(e,n)=>{r("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,n)=>{r("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},fireRegisterEvent:true}),M("design:type",Function),M("design:paramtypes",[]),M("design:returntype",void 0)],V.prototype,"render",null);V.style=H;const P=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';const q=P;var Z=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var A=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const N=class{constructor(a){e(this,a);this.closeCancelEventCardClicked=n(this,"closeCancelEventCardClicked",7);this.cancelledEventCardError=n(this,"cancelledEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.cancelledEventCardError.emit(e);this.isClosing=false};this.closeCancelEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.cancelledEventInfo=undefined;this.isClosing=false}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){r(`[nylas-cancelled-event-card] Component connected`)}async componentWillLoad(){r(`[nylas-cancelled-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-cancelled-event-card] Component did load`);if(!this.cancelledEventInfo){console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){r(`[nylas-cancelled-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return a(o,{key:"d835492ddff51ad8cad3fa73b5dc88a82f6cfdd9",part:"ncec"},a("div",{key:"b1cd60f3aad0acaa5c75e1e3fd83dd227fe20dfc",class:"nylas-cancelled-event-card",part:"ncec__card"},a("div",{key:"3b9bc0d52e4b34421f76f8daec0ba64704d0c783",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},a("calendar-cancel-icon",{key:"abffc9703f1b417f7da3ed106cf88e917988ff89"})),a("h3",{key:"21d104aa9c67cd040b86fa01d5666e69f9335178",class:"nylas-cancelled-event-card__title",part:"ncec__title"},i.t("bookingCancelledTitle"),"!"),a("div",{key:"532eb9d62db4ae34c64b3d64c7a003b6842865be",class:"nylas-cancelled-event-card__description",part:"ncec__description"},i.t("bookingCancelledMessage")," ",this.configSettings?.organizer?.name||"the participants","."),a("div",{key:"b34aa321c0b1e485153a2dfa2ae38cca504be0b7",class:"nylas-cancelled-event-card__cta"},a("button-component",{key:"519aa668e2397f1a32637590797aa9052e24a5ff",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${i.t("closingButton")}...`:`${i.t("closeButton")}`))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Z([l({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeCancelEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetCancel();const{errorHandler:o}=e.detail;if(o&&(!a||"error"in a)){o(a)}},cancelledEventCardError:async(e,n)=>{r("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},fireRegisterEvent:true}),A("design:type",Function),A("design:paramtypes",[]),A("design:returntype",void 0)],N.prototype,"render",null);N.style=q;const W=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}';const X=W;var Y=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var G=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const U=class{constructor(a){e(this,a);this.closeConfirmEventCardClicked=n(this,"closeConfirmEventCardClicked",7);this.confirmedEventCardError=n(this,"confirmedEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.confirmedEventCardError.emit(e);this.isClosing=false};this.closeConfirmEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.confirmedEventInfo=undefined;this.isClosing=false}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){r(`[nylas-confirmed-event-card] Component connected`)}async componentWillLoad(){r(`[nylas-confirmed-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-confirmed-event-card] Component did load`);if(!this.confirmedEventInfo){console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){r(`[nylas-confirmed-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return a(o,{key:"7d9b6138eeb5bf8f3e2d9552a609e0e92f4218c9",part:"ncec"},a("div",{key:"3f310f8e06ce5b069ef9021890e4588adcd856e6",class:"nylas-confirmed-event-card",part:"ncec__card"},a("div",{key:"0ab27b860a9160d6d6cf8b0e1ff0ba7a866c8102",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},a("calendar-cancel-icon",{key:"f0b93912e1787c2f2d882590e8cae9a05a4ee577"})),a("h3",{key:"33f170e8c6a9db989b7f0b05702743c024bec621",class:"nylas-confirmed-event-card__title",part:"ncec__title"},i.t("confirmedEventCardTitle"),"!"),a("div",{key:"7c4d191a266c9a2f748707ae1bd176c217a676e9",class:"nylas-confirmed-event-card__description",part:"ncec__description"},i.t("confirmedEventCardDescription")," ",this.configSettings?.organizer?.name||"the participants","."),a("div",{key:"fb313a8a7cc9b7eb901e10f3cbc12e5b2faba00d",class:"nylas-confirmed-event-card__cta"},a("button-component",{key:"c31d8980fdc428bc0c2950397eda010572c0e72f",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${i.t("closingButton")}...`:`${i.t("closeButton")}`))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Y([l({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{closeConfirmEventCardClicked:async(e,n)=>{const a=await n.scheduler.resetConfirm();const{errorHandler:o}=e.detail;if(o&&(!a||"error"in a)){o(a)}}},fireRegisterEvent:true}),G("design:type",Function),G("design:paramtypes",[]),G("design:returntype",void 0)],U.prototype,"render",null);U.style=X;const J=new Date,K=new Date;function Q(e,n,a,o){function t(n){return e(n=arguments.length===0?new Date:new Date(+n)),n}t.floor=n=>(e(n=new Date(+n)),n);t.ceil=a=>(e(a=new Date(a-1)),n(a,1),e(a),a);t.round=e=>{const n=t(e),a=t.ceil(e);return e-n<a-e?n:a};t.offset=(e,a)=>(n(e=new Date(+e),a==null?1:Math.floor(a)),e);t.range=(a,o,s)=>{const l=[];a=t.ceil(a);s=s==null?1:Math.floor(s);if(!(a<o)||!(s>0))return l;let r;do{l.push(r=new Date(+a)),n(a,s),e(a)}while(r<a&&a<o);return l};t.filter=a=>Q((n=>{if(n>=n)while(e(n),!a(n))n.setTime(n-1)}),((e,o)=>{if(e>=e){if(o<0)while(++o<=0){while(n(e,-1),!a(e)){}}else while(--o>=0){while(n(e,+1),!a(e)){}}}}));if(a){t.count=(n,o)=>{J.setTime(+n),K.setTime(+o);e(J),e(K);return Math.floor(a(J,K))};t.every=e=>{e=Math.floor(e);return!isFinite(e)||!(e>0)?null:!(e>1)?t:t.filter(o?n=>o(n)%e===0:n=>t.count(0,n)%e===0)}}return t}const ee=1e3;const ne=ee*60;const ae=ne*60;const oe=ae*24;const te=Q((e=>e.setHours(0,0,0,0)),((e,n)=>e.setDate(e.getDate()+n)),((e,n)=>(n-e-(n.getTimezoneOffset()-e.getTimezoneOffset())*ne)/oe),(e=>e.getDate()-1));Q((e=>{e.setUTCHours(0,0,0,0)}),((e,n)=>{e.setUTCDate(e.getUTCDate()+n)}),((e,n)=>(n-e)/oe),(e=>e.getUTCDate()-1));Q((e=>{e.setUTCHours(0,0,0,0)}),((e,n)=>{e.setUTCDate(e.getUTCDate()+n)}),((e,n)=>(n-e)/oe),(e=>Math.floor(e/oe)));const se=':host{display:block;min-height:444px;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);color:var(--nylas-base-800)}.title h1{max-width:376px;margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:24px}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 768px){.dates .date{width:-webkit-fill-available;width:-moz-available;width:fill-available}}@media screen and (max-width: 412px){.dates .date{height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}';const le=se;var re=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var ie=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const ce=class{constructor(a){e(this,a);this.dateSelected=n(this,"dateSelected",7);this.monthChanged=n(this,"monthChanged",7);this.selectableDates=undefined;this.configSettings=undefined;this.themeConfig=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedDate=undefined;this.selectedLanguage=undefined;this.isLoading=undefined;this.eventDuration=undefined;this.month=this.selectedDate||new Date;this.dates=this.getDates();this.disableNextMonthButton=false}configSettingsChanged(e){const n=new Date(this.month.getFullYear(),this.month.getMonth()+1,1);const a=e?.scheduler?.available_days_in_future;if(a===undefined){return}const o=b(new Date,a);if(o.getTime()<n.getTime()){this.disableNextMonthButton=true}else{this.disableNextMonthButton=false}}selectedLanguageChanged(e){i.changeLanguage(e)}themeConfigChanged(e){this.applyThemeConfig(e)}selectedDateChanged(e){if(!e||!h(e,this.month)){this.month=e||new Date}this.dates=this.getDates()}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){r(`[nylas-date-picker] Component did load`);this.applyThemeConfig(this.themeConfig);this.month=this.selectedDate||new Date;this.dates=this.getDates()}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}getDates(){const e=p(this.month);const n=u(this.month);return te.range(te.offset(n,-n.getDay()),te.offset(e,7-e.getDay()))}selectDate(e){this.dateSelected.emit(e)}changeMonth(e){this.month=new Date(this.month.getFullYear(),this.month.getMonth()+e,1);const n=new Date(this.month.getFullYear(),this.month.getMonth()+1,1);const a=this.configSettings?.scheduler?.available_days_in_future;const o=b(new Date,a);if(o.getTime()<n.getTime()){this.disableNextMonthButton=true}else{this.disableNextMonthButton=false}this.dates=this.getDates();this.monthChanged.emit(this.month)}isSelected(e,n,a){return e&&n&&g(e,n)&&a&&a?.length>0}isDisabled(e,n){return e&&n?.find((n=>m(n,e,this.selectedTimezone)))===undefined}render(){return a(o,{key:"de367c35af66e9f312be6682884062da9e747c9a",part:"ndp"},a("div",{key:"80c028e4e630fa2a58359a2b8ad8425e24b21cc2",class:"nylas-date-picker"},a("div",{key:"282dc9ba42e5fb652858d4ff0b49ea069db96175",class:"title",part:"ndp__title"},this.configSettings?.name?a("h1",null,this.configSettings?.name):this.configSettings?.organizer?.name&&a("h1",null,a("person-icon",null),this.configSettings?.organizer?.name||"Organizer"),a("p",{key:"d7f9d6deb57eafcd9b37f6a98e3e9afda74e143e"},a("clock-icon",{key:"a54f0131170d81b2d8644b2d9d349d30654be393"}),this.eventDuration?k(this.eventDuration):`- ${i.t("time.minutes")}`)),a("div",{key:"e8924e6272011e68f6fc605b83f9816b4844e3b1",class:"header flex-row"},a("h2",{key:"ce9bf342cfd4737f4693956ce62d6a8a2ade388d",part:"ndp__month-header"},a("strong",{key:"02b93cc055a1445b32008e346ee9dd250f0b2b21"},v(this.month.toLocaleDateString("en-US",{month:"long"}).toLowerCase()))," ",this.month.toLocaleDateString(undefined,{year:"numeric"})),a("div",{key:"b9cf990f4d25209e3058769a7903f731bc80fd2c",class:"pagination"},a("button",{key:"2879994e18001a6fbb96cfd5f2ae4d22b17c4da4",title:"Previous month",onClick:()=>this.changeMonth(-1),class:{"chevron-left":true,button:true},disabled:this.month<=new Date,part:"ndp__month-button"},a("chevron-icon",{key:"313a9663314b2e875ac4146a7d23838ac71a4336"})),a("button",{key:"5f87ad4833c10fa362e93cbbee20861cc6363466",title:"Next month",onClick:()=>this.changeMonth(1),class:{"chevron-right":true,button:true},disabled:this.disableNextMonthButton,part:"ndp__month-button"},a("chevron-icon",{key:"408cd5ef79316815f929aec270309b3e5d8659b6"})))),a("div",{key:"ee100542f37d246a2cd7a2c27adf4ff0efcade18",class:"dates"},[i.t("days.sunday"),i.t("days.monday"),i.t("days.tuesday"),i.t("days.wednesday"),i.t("days.thursday"),i.t("days.friday"),i.t("days.saturday")].map((e=>a("div",{class:"day",part:"ndp__day"},e))),this.dates.map(((e,n)=>{const o=this.isDisabled(e,this.selectableDates);if(this.isLoading){return a("button",{disabled:true,class:{"date day-skeleton":true,"current-month":h(e,this.month)},style:{animationDelay:`${n*20}ms`},part:`ndp__date ndp__date--disabled`},e.getDate())}return a("button",{class:{date:true,selected:!!(this.selectedDate&&g(e,this.selectedDate)&&this.selectableDates&&this.selectableDates?.length>0),"current-day":g(e,new Date),"current-month":h(e,this.month)},"aria-label":e.toLocaleDateString(undefined,{dateStyle:"full"}),disabled:o,onClick:()=>this.selectDate(e),part:`ndp__date ${this.isSelected(e,this.selectedDate,this.selectableDates)?"ndp__date--selected":""} ${g(e,new Date)?"ndp__date--current-day":""} ${h(e,this.month)?"ndp__date--current-month":""}`},e.getDate())})))))}get host(){return t(this)}static get watchers(){return{configSettings:["configSettingsChanged"],selectedLanguage:["selectedLanguageChanged"],themeConfig:["themeConfigChanged"],selectedDate:["selectedDateChanged"]}}};re([l({name:"nylas-date-picker",stateToProps:new Map([["scheduler.selectableDates","selectableDates"],["scheduler.selectedDate","selectedDate"],["scheduler.isLoading","isLoading"],["scheduler.configSettings","configSettings"],["scheduler.eventDuration","eventDuration"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"],["scheduler.selectedTimezone","selectedTimezone"]]),eventToProps:{dateSelected:async(e,n)=>{r("nylas-date-picker","dateSelected",e.detail);n.scheduler.selectDate(e.detail)},monthChanged:async(e,n)=>{r("nylas-date-picker","monthChanged",e.detail)}},fireRegisterEvent:true}),ie("design:type",Function),ie("design:paramtypes",[]),ie("design:returntype",void 0)],ce.prototype,"render",null);ce.style=le;const de=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button-selected-label){max-width:80px}select-dropdown::part(sd_dropdown-content){width:100%;max-width:none}}';const fe=de;var ye=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var be=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const he=class{constructor(a){e(this,a);this.timezoneChanged=n(this,"timezoneChanged",7);this.languageChanged=n(this,"languageChanged",7);this.themeConfig=undefined;this.bookingInfo=undefined;this.selectedTimezone=this.bookingInfo?.timezone||Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=this.bookingInfo?.language||navigator.language}themeConfigChanged(e){this.applyThemeConfig(e)}bookingInfoChangedHandler(e){if(e&&e?.timezone){this.changeTimezone(e.timezone)}if(e&&e?.language){this.changeLanguage(e.language)}}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){r(`[nylas-locale-switch] Component did load`);this.applyThemeConfig(this.themeConfig);if(this.bookingInfo&&this.bookingInfo?.timezone){this.changeTimezone(this.bookingInfo.timezone)}if(this.bookingInfo&&this.bookingInfo?.language){this.changeLanguage(this.bookingInfo.language)}}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a);this.timezoneRef?.style.setProperty(`${n}`,a);this.languageRef?.style.setProperty(`${n}`,a)}}}changeTimezone(e){this.selectedTimezone=e;this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e;this.languageChanged.emit(e)}nylasFormDropdownChangedHandler(e){const{name:n,value:a}=e.detail;if(n==="timezone"){this.changeTimezone(a)}else if(n==="language"){this.changeLanguage(a)}}getTimezoneLabelHTML(e){const n=w(e);return a("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},x[e]," ",a("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},n))}render(){const e=Object.keys(x).map((e=>({labelHTML:this.getTimezoneLabelHTML(e),label:x[e],value:e})));const n=Object.keys(_).map((e=>({label:_[e],value:e})));return a(o,{key:"1a324cb66322d9dd8cb552a36bd3990a592ee7e9"},a("div",{key:"18e91795ed822ed59f22c72207ea53ea9766d887",class:"nylas-locale-switch",part:"nls"},a("div",{key:"7eb5e5ed990f5816e9dd17b1c4d06db3f36191da",class:{"select-wrapper":true,timezone:true},part:"nls__timezone"},a("select-dropdown",{key:"32323279c21ad428b38d80ad0e4a484f845f135e",name:"timezone",options:e,ref:e=>this.timezoneRef=e,defaultSelectedOption:e.find((e=>e.value==this.selectedTimezone)),exportparts:"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label"},a("span",{key:"8c8364acc7d8e52ba170fd1de2a85cae15461e03",slot:"select-icon"},a("globe-icon",{key:"cd491eef36d00660976120510449e2d2f3e46781",width:"20",height:"20"})))),a("div",{key:"80fcd6d80efd4f69cd8b0cec376ac105f45cb5a1",class:{"select-wrapper":true,language:true},part:"nls__language"},a("select-dropdown",{key:"578f4a7ddf488cac7eea767c4346167d7bb912ac",name:"language",options:n,ref:e=>this.languageRef=e,defaultSelectedOption:n.find((e=>e.value==this.selectedLanguage)),exportparts:"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label"},a("span",{key:"e35c2a746e10701f434aaaa3194b4656fc525404",slot:"select-icon"},a("translate-icon",{key:"7981ceb4834167c19ba6655d558a9a3ae28e5829",width:"20",height:"20"}))))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],bookingInfo:["bookingInfoChangedHandler"]}}};ye([l({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.bookingInfo","bookingInfo"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{timezoneChanged:async(e,n)=>{r("nylas-locale-switch","timezoneChanged",e.detail);n.scheduler.selectTimezone(e.detail)},languageChanged:async(e,n)=>{r("nylas-locale-switch","languageChanged",e.detail);n.scheduler.selectLanguage(e.detail)}},fireRegisterEvent:true}),be("design:type",Function),be("design:paramtypes",[]),be("design:returntype",void 0)],he.prototype,"render",null);he.style=fe;const pe=".sc-nylas-logo-h{display:flex}";const ue=pe;const ge=class{constructor(n){e(this,n);this.width="69";this.height="24"}render(){return a("svg",{key:"2754c1399a5b051918a35626bcc7ef8c4469bdf6",width:this.width,height:this.height,viewBox:"0 0 69 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"305275b038021ca3f3e6dcc0fe2ae5b52386799b","clip-path":"url(#clip0_455_3543)"},a("path",{key:"522a651226ea7a0d10bb4cdb3cb81b4a73181313",d:"M15.8092 3.03248C14.6497 1.86996 13.1076 1.23047 11.4646 1.23047C9.82156 1.23047 8.27753 1.86996 7.11999 3.03248L0.835347 9.33381C0.686846 9.4827 0.60498 9.68123 0.60498 9.89312C0.60498 10.105 0.686846 10.3035 0.835347 10.4524C0.983848 10.6013 1.18185 10.6834 1.39318 10.6834C1.60451 10.6834 1.80251 10.6013 1.95101 10.4524L8.23374 4.15111C10.0139 2.36627 12.9134 2.36627 14.6935 4.15111C16.4736 5.93785 16.4756 8.84322 14.6935 10.6281L8.4108 16.9275C8.10428 17.2348 8.10428 17.7368 8.4108 18.0461C8.5593 18.195 8.75731 18.2771 8.96863 18.2771C9.17996 18.2771 9.37796 18.195 9.52646 18.0461L15.8092 11.7467C16.9687 10.5841 17.6064 9.03793 17.6064 7.39053C17.6064 5.74314 16.9687 4.19501 15.8092 3.03439V3.03248Z",fill:"currentColor"}),a("path",{key:"ddbac2352d168bd3f351a2cef55c63afe7cfa5c8",d:"M14.9296 7.39038C14.9296 6.46074 14.5698 5.58837 13.9148 4.93361C12.5631 3.57828 10.3641 3.57828 9.01239 4.93361L0.663961 13.3023C0.51546 13.4512 0.433594 13.6497 0.433594 13.8616C0.433594 14.0735 0.51546 14.272 0.663961 14.4209C0.812462 14.5698 1.01046 14.6519 1.22179 14.6519C1.43312 14.6519 1.63112 14.5698 1.77962 14.4209L10.0367 6.1515L10.05 6.13623C10.0747 6.10759 10.1014 6.07705 10.128 6.05033C10.1585 6.01978 10.1928 5.99115 10.2251 5.96252L10.2442 5.94534C10.9886 5.31349 12.1119 5.3593 12.8011 6.05033C13.4903 6.74135 13.536 7.78171 12.9705 8.53192L12.9648 8.53955C12.9058 8.61591 12.8544 8.67699 12.8011 8.73044C12.7497 8.78198 12.6906 8.83352 12.6069 8.90033L4.45264 17.0991C4.30414 17.248 4.22227 17.4465 4.22227 17.6584C4.22227 17.8703 4.30414 18.0689 4.45264 18.2177C4.60114 18.3666 4.79914 18.4487 5.01047 18.4487C5.2218 18.4487 5.4198 18.3666 5.5683 18.2177L13.9167 9.84716C14.5698 9.1924 14.9315 8.31812 14.9315 7.39038H14.9296Z",fill:"currentColor"}),a("path",{key:"3c6a6c66f1c3aace9405ebd584ca2ed5a0ded524",d:"M10.6821 9.11238C10.4727 9.01694 10.2861 8.88904 10.1281 8.7306C9.97008 8.57216 9.84252 8.38508 9.74733 8.1751L9.69021 8.05103L0.467916 17.2978C0.287049 17.4792 0.174721 17.7082 0.149971 17.9411C0.125221 18.1778 0.19376 18.3897 0.344165 18.5405C0.471724 18.6684 0.65259 18.739 0.850592 18.739C1.11142 18.739 1.37796 18.6207 1.58358 18.4145L10.8059 9.16774L10.6821 9.11047V9.11238Z",fill:"currentColor"}),a("path",{key:"a7d53e8a5700b0fbdb0852e1986196e1201d6e29",d:"M68.401 10.6185C68.2126 10.2692 67.9593 9.97334 67.6433 9.73854C67.3235 9.49993 66.956 9.31094 66.5486 9.17541C66.1316 9.03606 65.7033 8.91771 65.2749 8.81844C64.7951 8.70582 64.3039 8.57983 63.8165 8.44811C63.3196 8.31258 62.9065 8.14269 62.5905 7.94225C62.4743 7.88689 62.3391 7.76663 62.3391 7.50129C62.3391 7.39821 62.3639 7.29704 62.4153 7.19587L62.4248 7.18059C62.5352 7.02216 62.7142 6.8828 62.975 6.75109C63.234 6.62128 63.609 6.55829 64.1231 6.55829C64.5286 6.55829 64.877 6.61365 65.1569 6.72436C65.4348 6.83508 65.6652 6.96871 65.8442 7.12524C66.0212 7.27986 66.1659 7.45357 66.2782 7.63873C66.3563 7.76854 66.4267 7.89262 66.4858 8.00525L68.2754 6.84081C68.1669 6.59456 68.0146 6.33495 67.8204 6.0677C67.6033 5.768 67.3254 5.4893 66.9922 5.23732C66.659 4.98534 66.2516 4.77345 65.7813 4.60929C65.3111 4.44512 64.7532 4.36304 64.1231 4.36304C63.3844 4.36304 62.7599 4.46421 62.2706 4.66083C61.7813 4.85935 61.3815 5.09988 61.0845 5.37667C60.7875 5.65346 60.5628 5.95125 60.4143 6.2605C60.2639 6.57547 60.1611 6.85799 60.1078 7.10233C60.0945 7.18059 60.0812 7.27031 60.0678 7.36767C60.0545 7.4593 60.0469 7.5452 60.0469 7.62537C60.0469 8.13314 60.1745 8.56074 60.4239 8.89671C60.679 9.24222 61.0045 9.53429 61.391 9.76336C61.7813 9.99624 62.2116 10.1852 62.6704 10.3227C63.1388 10.462 63.5862 10.5823 64.0012 10.6796C64.4067 10.777 64.7932 10.8782 65.1531 10.9774C65.5224 11.0786 65.8289 11.2122 66.0631 11.3745C66.2801 11.5425 66.3887 11.7448 66.3887 11.9777C66.3887 12.2278 66.2916 12.4263 66.0993 12.5695C65.9279 12.6954 65.7261 12.7985 65.4958 12.8711C65.273 12.9436 65.0407 12.9913 64.8066 13.0142C64.58 13.0352 64.3915 13.0467 64.2468 13.0467C63.8032 13.0467 63.4224 13.0028 63.1197 12.915C62.8151 12.8272 62.5638 12.7241 62.3734 12.6057C62.1811 12.4874 62.0288 12.3614 61.9222 12.2316C61.8213 12.1094 61.747 12.0082 61.7014 11.9319L61.4957 11.6303L59.708 12.7928C59.8508 13.0161 60.0298 13.2643 60.2392 13.5296C60.4772 13.8293 60.7837 14.1138 61.153 14.3734C61.5224 14.633 61.966 14.8525 62.4724 15.0243C62.9788 15.1961 63.5748 15.282 64.2468 15.282C64.797 15.282 65.2901 15.2324 65.7166 15.137C66.1412 15.0396 66.5162 14.9117 66.8285 14.7552C67.1388 14.6005 67.4015 14.4192 67.6109 14.2149C67.8223 14.0107 67.9974 13.8026 68.1326 13.6003C68.4563 13.1135 68.6409 12.5504 68.6828 11.9262C68.6828 11.4069 68.5876 10.9641 68.401 10.6166V10.6185Z",fill:"currentColor"}),a("path",{key:"39f69581e0ce463af015016ea0616cfb0d22cd5a",d:"M26.3585 4.27905C23.7901 4.27905 21.6997 6.37504 21.6997 8.95017V15.0701H23.9291V8.95017C23.9291 7.6082 25.0181 6.5163 26.3565 6.5163C27.695 6.5163 28.784 7.6082 28.784 8.95017V15.0701H31.0134V8.95017C31.0134 6.37504 28.9229 4.27905 26.3546 4.27905H26.3585Z",fill:"currentColor"}),a("path",{key:"a915b2d3150d9d27eb2d94afdc9c525145efa54b",d:"M53.4522 4.27905C50.4251 4.27905 47.9634 6.74728 47.9634 9.78245C47.9634 12.8176 50.427 15.2859 53.4522 15.2859C54.5545 15.2859 55.6188 14.9594 56.5288 14.3409L56.7116 14.2169V15.0682H58.941V9.78245C58.941 6.74728 56.4793 4.27905 53.4522 4.27905ZM53.4522 13.0505C51.655 13.0505 50.1928 11.5845 50.1928 9.78245C50.1928 7.98044 51.655 6.51439 53.4522 6.51439C55.2494 6.51439 56.7116 7.98044 56.7116 9.78245C56.7116 11.5845 55.2494 13.0505 53.4522 13.0505Z",fill:"currentColor"}),a("path",{key:"8f55641ad378bc25cdfa0de84eead63106874fee",d:"M45.5795 10.6166V0.356201H43.3501V10.6166C43.3501 13.1517 45.3758 15.2228 47.8908 15.2858V13.0486C46.6057 12.9875 45.5795 11.9204 45.5795 10.6166Z",fill:"currentColor"}),a("path",{key:"aaaf906bb3dd324c7819b7551943abc5070bdf6b",d:"M39.5428 4.4967V10.63C39.5428 11.6761 38.8669 12.621 37.9016 12.9284C37.1249 13.1746 36.3157 13.0486 35.6817 12.5829C35.0592 12.1247 34.6879 11.3917 34.6879 10.6186V4.4967H32.4585V10.5995C32.4585 12.7165 33.8388 14.57 35.8131 15.1084C37.0354 15.4424 38.2995 15.2973 39.3695 14.7037L39.5428 14.6063V14.9747C39.5428 16.2766 38.5166 17.3437 37.2315 17.4067V19.6439C39.7465 19.5809 41.7722 17.5117 41.7722 14.9747V4.4967H39.5428Z",fill:"currentColor"})),a("defs",{key:"19edd2e50594677dee4a329eaa785a97c069a328"},a("clipPath",{key:"8150c454a41dae533856dbf1458e1758f3816c71",id:"clip0_455_3543"},a("rect",{key:"6f59a86c801dfcd1a4e7db6f151f479ad76a2a7b",width:"68.7123",height:"19.2877",fill:"white",transform:"translate(0.144043 0.356201)"}))))}};ge.style=ue;const me=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}';const ke=me;const ve=class{constructor(n){e(this,n);this.ttl=5e3;this.allowedCategories=["component","api","validation","invalid_session"];this.notifications=[]}onError(e){r(`[nylas-notification] Error: ${e.detail.notification.title}`);this.handleNotification(e)}onWarning(e){r(`[nylas-notification] Warning: ${e.detail.notification.title}`);this.handleNotification(e)}onInfo(e){r(`[nylas-notification] Info: ${e.detail.notification.title}`);this.handleNotification(e)}onSuccess(e){r(`[nylas-notification] Success: ${e.detail.notification.title}`);this.handleNotification(e)}isChildOf(e){let n=this.host.parentNode;while(n){if(n===e){return true}if(n instanceof ShadowRoot){n=n.host}else{n=n.parentNode}}return false}handleNotification(e){const n=e.detail.host;if(e.defaultPrevented){r(`[nylas-notification] Event default prevented`);return}if(n&&!this.isChildOf(n)){r(`[nylas-notification] Host not a parent`);return}if(this.ttl===0){r(`[nylas-notification] TTL is 0`);return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(e.detail.notification.category)){r(`[nylas-notification] Category not allowed`);return}this.notifications=[...this.notifications,{...e.detail.notification}];if(e.detail.notification.ttl!=="none"){const n=e.detail.notification.ttl?e.detail.notification.ttl:this.ttl;window.setTimeout((()=>{this.notifications=this.notifications.filter((n=>n.id!==e.detail.notification.id))}),n)}}dismissNotification(e){this.notifications=this.notifications.filter((n=>n.id!==e))}render(){return a(o,{key:"14bd95afa19f56ee11c7fd0da40569ce7db03b8b"},a(s,{key:"7d235408e948e21554c9438b578c9f8dc6cbc00e"},this.notifications.map((e=>a("div",{class:`notif ${e.type}`,key:e.id},a("div",{class:"content"},a("span",{class:`icon ${e.type}`},(e.type==="error"||e.type==="warning")&&a("warning-icon",null)),a("span",{class:"message"},a("span",{class:"title"},e.title),e.description&&a("span",{class:"description"},e.description))),a("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(e.id)},a("close-icon",null))))),a("slot",{key:"fda76c22b0e752e2c6bcd84bc8d92d8f8e94ce88"})))}get host(){return t(this)}};ve.style=ke;const we=':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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}';const xe=we;var Ce=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var _e=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const je=class{constructor(a){e(this,a);this.rejectBookingButtonClicked=n(this,"rejectBookingButtonClicked",7);this.confirmBookingButtonClicked=n(this,"confirmBookingButtonClicked",7);this.confirmBookingError=n(this,"confirmBookingError",7);this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const e=e=>{this.confirmBookingError.emit(e)};if(this.organizerConfirmationBookingId&&!this.isLoading){this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:e})}};this.handleRejectBookingButtonClicked=()=>{this.action="reject";if(this.organizerConfirmationBookingId&&!this.isLoading){this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})}};this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.organizerConfirmationBookingId=undefined;this.selectedLanguage=navigator.language;this.action=null}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r(`[nylas-organizer-confirmation-card] Component will load`)}async componentDidLoad(){r(`[nylas-organizer-confirmation-card] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}async resetAction(){this.action=null}render(){return a(o,{key:"222871895768a9e8125bf2c7332200e65872b475",part:"nmcc"},a("div",{key:"4838e6be84dab176c13230870f3d0094f1054da9",class:"event-card-wrapper",part:"nmccc__card"},a("div",{key:"004ce2abb9cc4654dd4278e6c7002b34b7346968",class:"calendar-icon"},a("calendar-check-icon",{key:"6202df706f78fcd592738a33b1e052e94f88d6ff"})),a("div",{key:"5a1f583617511c35a29fa65f026820996941b707",class:"booked-event-header"},a("h2",{key:"62b88591f4432538d3c57fa6af4142f0cd2c997f",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${i.t("bookingPendingTitle")}!`)),a("div",{key:"838b6df023be444c1b1ce1dfc7df21cab18756e1",class:"manage-booking-description"},a("p",{key:"dc119292e92c4565fb84939284fb57f1fb2ec1f6"},i.t("bookingPendingnDescription"))),a("div",{key:"31cadc6bfc0ae9f0adf93d159cff2261631e2281",class:{footer:true,"no-footer":!!this.configSettings?.scheduler?.hide_cancellation_options&&!!this.configSettings?.scheduler?.hide_rescheduling_options,"no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&a("button-component",{variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${i.t("rejectBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&a("button-component",{variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${i.t("confirmBookingButton")}`))))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Ce([l({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{rejectBookingButtonClicked:async(e,n)=>{n.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,n)=>{const{host:a}=e.detail;const o=await n.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"});const{errorHandler:t}=e.detail;if(t&&(!o||"error"in o)){t(o)}await a.resetAction()}},fireRegisterEvent:true}),_e("design:type",Function),_e("design:paramtypes",[]),_e("design:returntype",void 0)],je.prototype,"render",null);je.style=xe;const ze=':host{--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;display:block;position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;gap:4px;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:16px;font-weight:500}.calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}';const Le=ze;var Re=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var Be=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Ee=class{constructor(n){e(this,n);this.themeConfig=undefined;this.selectedDate=undefined;this.selectedTimeslot=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=undefined;this.hour12=undefined;this.startTime="";this.endTime=""}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r(`[nylas-selected-event-card] Component will load`)}async componentDidLoad(){r(`[nylas-selected-event-card] Component did load`);if(!this.selectedDate){console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.')}if(!this.selectedTimeslot){console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.')}this.applyThemeConfig(this.themeConfig);const e=C[this.selectedLanguage||"en"];const n=new Intl.DateTimeFormat(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});this.startTime=n.format(new Date(this.selectedTimeslot?.start_time));this.endTime=n.format(new Date(this.selectedTimeslot?.end_time))}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}render(){return a(o,{key:"22b7e4f0f55d7a75188ebd3e8cc009497ad5a598",part:"nsec"},a("div",{key:"0082bd129fe4704e4bf9bcc82ab401f7c50237fe",class:"event-card",part:"nsec__card"},a("div",{key:"37093be5b192f8a8a533cb677b432df2cec80d14",class:"calendar-icon",part:"nsec__icon"},a("calendar-icon",{key:"253a63fa567065c7a12f6fc8b82333568b52b777"})),a("div",{key:"a2d5218bd85c6f94652b0f24a11e68f53a8920d3",class:"nylas-selected-event-card__date",part:"nsec__date"},this.selectedDate?c(d(this.selectedTimeslot?.start_time,this.selectedTimezone,C[this.selectedLanguage||"en"])):"-"),a("div",{key:"2f11d6deedb50cb0d7b3e9791088266e06cdca1e",class:"nylas-selected-event-card__time",part:"nsec__time"},this.startTime," - ",this.endTime)),a("div",{key:"634bd96488b5b1a51064c9bf015b054648f43011",class:"event-timezone",part:"nsec__timezone"},a("globe-icon",{key:"b327dfa7747116da0ab29ddebcb6d20c82a0a80b"}),x[this.selectedTimezone]))}get host(){return t(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};Re([l({name:"nylas-selected-event-card",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{},fireRegisterEvent:true}),Be("design:type",Function),Be("design:paramtypes",[]),Be("design:returntype",void 0)],Ee.prototype,"render",null);Ee.style=Le;const Ie=':host{display:block;height:calc(100% - 48px);--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.time .time-label{display:flex;flex-direction:column;align-items:center;gap:4px}.time .time-label span.spots{font-size:14px;font-family:var(--nylas-font-family);font-weight:400;color:var(--nylas-base-600)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}';const Te=Ie;var De=undefined&&undefined.__decorate||function(e,n,a,o){var t=arguments.length,s=t<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(l=e[r])s=(t<3?l(s):t>3?l(n,a,s):l(n,a))||s;return t>3&&s&&Object.defineProperty(n,a,s),s};var Se=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const Oe=class{constructor(a){e(this,a);this.timeslotSelected=n(this,"timeslotSelected",7);this.timeslotConfirmed=n(this,"timeslotConfirmed",7);this.validateTimeslotError=n(this,"validateTimeslotError",7);this.handleConfirmedTimeslot=async(e,n)=>{e.preventDefault();r(`[nylas-timeslot-picker] Confirm timeslot`,n);if(n){this.timeslotConfirmed.emit({timeslot:n,host:this.host})}};this.handleMouseEnter=e=>{this.hoveredTimeslotIndex=e};this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1};this.availability=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimeslot=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedDate=new Date;this.selectedLanguage=undefined;this.hour12=undefined;this.times=[];this.hoveredTimeslotIndex=undefined;this.selectedTimeslotIndex=undefined}selectedLanguageChanged(e){i.changeLanguage(e)}selectedDateChanged(e){r(`[nylas-timeslot-picker] Selected date changed`,{newVal:e});if(e){this.selectedTimeslotIndex="";if(typeof e!=="undefined"){const n=this.availability?.filter((n=>m(n.start_time,e,this.selectedTimezone))).map((e=>e));this.times=n||[]}}}availabilityChanged(e){r(`[nylas-timeslot-picker] Available times changed`,{newVal:e,selectedDate:this.selectedDate});if(typeof e!=="undefined"){const n=e?.filter((e=>this.selectedDate&&m(e.start_time,this.selectedDate,this.selectedTimezone))).map((e=>e));this.times=n||[]}}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r(`[nylas-timeslot-picker] Component will load`,{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){r(`[nylas-timeslot-picker] Component did load`);const e=this.availability?.filter((e=>this.selectedDate&&m(e.start_time,this.selectedDate,this.selectedTimezone))).map((e=>e));this.times=e||[];this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a)}}}getTimeslotId(e,n){return`${e.toLocaleDateString()}-${n}`}onClickSelectTime(e,n){r(`[nylas-timeslot-picker] Time selected`,e,n);this.selectedTimeslotIndex=this.getTimeslotId(e.start_time,n);this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time,emails:e.emails,capacity:e?.capacity,event_id:e?.event_id,master_id:e?.master_id,calendar_id:e?.calendar_id})}async emitValidateTimeslotError(e,n){this.validateTimeslotError.emit({error:e,type:n})}getTimeSlotLabel(e){const n=C[this.selectedLanguage||"en"];const a=new Intl.DateTimeFormat(n,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12});return`${a.format(e.start_time)} - ${a.format(e.end_time)}`}render(){const e=C[this.selectedLanguage||"en"];if(this.isLoading){return a(o,null,a("div",{class:"loading"},new Array(6).fill(0).map(((e,n)=>a("div",{class:"timeslot-skeleton",style:{animationDelay:`${n*20}ms`}})))))}if(this.availability&&this.availability.length===0){return a(o,null,a("div",{class:"empty"},a("span",null,"No dates available")))}const n=this.times.filter((e=>{const n=e?.event_id||e?.master_id;const a=typeof e?.capacity==="number"&&e?.capacity>0;return!(n&&!a)}));if((!this.times||this.times.length===0||n.length===0)&&!!this.selectedDate){return a(o,null,a("div",{class:"empty"},a("span",null,"No time slots available for selected date")))}if(!this.selectedDate)return a(o,null);return a(o,{part:"ntp"},a("div",{class:"time-picker-wrapper",part:"ntp__time-picker-wrapper"},a("div",{class:"timeslots",part:"ntp__timeslots"},n.map(((n,o)=>{const t=typeof n?.capacity==="number"&&n?.capacity>0;return a("button",{part:`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime()===n.start_time.getTime()?"ntp__timeslot--selected":""}`,class:{time:true,selected:typeof this.selectedTimeslot!=="undefined"&&this.selectedTimeslot?.start_time?.getTime()===n.start_time.getTime()},onClick:()=>this.onClickSelectTime(n,o),onMouseEnter:()=>this.handleMouseEnter(o),onMouseLeave:()=>this.handleMouseLeave()},a("div",{class:"time-label",part:"ntp__time-label"},this.hoveredTimeslotIndex==o||this.selectedTimeslotIndex==this.getTimeslotId(n.start_time,o)?this.getTimeSlotLabel(n):n.start_time.toLocaleTimeString(e,{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone,hour12:this.hour12}),a("span",{class:"spots"},t?`${n?.capacity} spots left`:null)))}))),this.selectedTimeslot&&a("div",{class:"footer"},a("button-component",{variant:"primary",onClick:e=>this.handleConfirmedTimeslot(e,this.selectedTimeslot),part:"ntp__button-primary"},a("slot",{name:"timeslot-picker-cta-label"},i.t("nextButton"))))))}get host(){return t(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"],themeConfig:["themeConfigChanged"]}}};De([l({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.isLoading","isLoading"],["scheduler.themeConfig","themeConfig"],["scheduler.hour12","hour12"]]),eventToProps:{timeslotSelected:async(e,n)=>{r("nylas-timeslot-picker","timeslotSelected",e.detail);n.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,n)=>{r("nylas-timeslot-picker","timeslotConfirmed",e.detail);const{timeslot:a,host:o}=e.detail;if(a&&a?.event_id&&a?.capacity){const e=await n.scheduler.validateGroupEventTimeslot(a);if(e&&"error"in e){const n=e.error?.message||"An error occurred while validating the timeslot";if(n==="Event is full"){o.emitValidateTimeslotError(n,"info")}else{o.emitValidateTimeslotError(n,"error")}}}else{n.scheduler.toggleAdditionalData(true)}},validateTimeslotError:async(e,n)=>{r("nylas-timeslot-picker","validateTimeslotError",e.detail)}},fireRegisterEvent:true}),Se("design:type",Function),Se("design:paramtypes",[]),Se("design:returntype",void 0)],Oe.prototype,"render",null);Oe.style=Te;export{B as nylas_booked_event_card,O as nylas_booking_form,V as nylas_cancel_booking_form,N as nylas_cancelled_event_card,U as nylas_confirmed_event_card,ce as nylas_date_picker,he as nylas_locale_switch,ge as nylas_logo,ve as nylas_notification,je as nylas_organizer_confirmation_card,Ee as nylas_selected_event_card,Oe as nylas_timeslot_picker};
|
|
2
|
-
//# sourceMappingURL=p-203beca4.entry.js.map
|