@nylas/web-elements 0.0.0-canary-20251202205510 → 0.0.0-canary-20251202215015

package/dist/components/nylas-scheduler-editor.js

@@ -1,11 +1,11 @@
 import { h, F as Fragment, p as proxyCustomElement, H, e as createEvent, i as Host } from './p-Bht9ktsW.js';
-import { N as NylasBaseProvider } from './p-CMnhMEB3.js';
-import { N as NylasIdentityRequestWrapper } from './p-B-j_noAT.js';
-import { j as dayjs, u as utc, w as timezone, d as dataResponse, L as getCalendarRange, a as debug, b as instance } from './p-CWTSM6yO.js';
+import { N as NylasBaseProvider } from './p-D5X8shfk.js';
+import { N as NylasIdentityRequestWrapper } from './p-keMejSk3.js';
+import { j as dayjs, u as utc, w as timezone, d as dataResponse, L as getCalendarRange, a as debug, b as instance } from './p-BJ0gZqoJ.js';
 import { o as o$1 } from './p-C1VNIgoH.js';
 import { c as createStore } from './p-DVWbg8if.js';
 import { C as CONFIGURATION_EVENT_TYPE, L as LANGUAGE_CODE, c as LANGUAGE_MAP } from './p-DUCeQ1R4.js';
-import { v as version } from './p-Dbirawci.js';
+import { v as version } from './p-B14eRCR5.js';
 import { d as defineCustomElement$1A } from './p-D4tDpA1T.js';
 import { d as defineCustomElement$1z } from './p-CD74XxwY.js';
 import { d as defineCustomElement$1y } from './p-CZq9Lry8.js';
@@ -33,62 +33,62 @@ import { d as defineCustomElement$1d } from './p-3t_2o5_V.js';
 import { d as defineCustomElement$1c } from './p-ztDxKzOp.js';
 import { d as defineCustomElement$1b } from './p-Ctw485JT.js';
 import { d as defineCustomElement$1a } from './p-Taf4Lq4y.js';
-import { d as defineCustomElement$19 } from './p-ickjUaoC.js';
+import { d as defineCustomElement$19 } from './p-ttOMOXED.js';
 import { d as defineCustomElement$18 } from './p-DTTtT3qX.js';
-import { d as defineCustomElement$17 } from './p-BRJUcnBZ.js';
+import { d as defineCustomElement$17 } from './p-cuNPlg0X.js';
 import { d as defineCustomElement$16 } from './p-DVz9HZ14.js';
 import { d as defineCustomElement$15 } from './p-BpC1wOqM.js';
 import { d as defineCustomElement$14 } from './p-C8r_DJN1.js';
 import { d as defineCustomElement$13 } from './p-BsEebHJp.js';
 import { d as defineCustomElement$12 } from './p-DgzF8EA8.js';
-import { d as defineCustomElement$11 } from './p-D6N64LfQ.js';
-import { d as defineCustomElement$10 } from './p-Bmgc4OoC.js';
-import { d as defineCustomElement$$ } from './p-z65sQUHF.js';
-import { d as defineCustomElement$_ } from './p-CBt5X1k9.js';
-import { d as defineCustomElement$Z } from './p-C8b_6Mwi.js';
-import { d as defineCustomElement$Y } from './p-pKaQ_oN3.js';
-import { d as defineCustomElement$X } from './p-7omIdes5.js';
-import { d as defineCustomElement$W } from './p-BNdXWt95.js';
-import { d as defineCustomElement$V } from './p-CXHIOvuw.js';
-import { d as defineCustomElement$U } from './p-Cpntx1Mu.js';
-import { d as defineCustomElement$T } from './p-CwExJf3p.js';
-import { d as defineCustomElement$S } from './p-B3b2oLwS.js';
-import { d as defineCustomElement$R } from './p-BLz815Ny.js';
-import { d as defineCustomElement$Q } from './p-Cw2wynla.js';
-import { d as defineCustomElement$P } from './p-DdzrgkUr.js';
-import { d as defineCustomElement$O } from './p-DWEP06hR.js';
-import { d as defineCustomElement$N } from './p-C62uZf7r.js';
-import { d as defineCustomElement$M } from './p-DMZiMhDK.js';
-import { d as defineCustomElement$L } from './p-DX_efMHV.js';
-import { d as defineCustomElement$K } from './p-RdM6EOvn.js';
-import { d as defineCustomElement$J } from './p-B6vWzWVH.js';
-import { d as defineCustomElement$I } from './p-DTIl-dL0.js';
-import { d as defineCustomElement$H } from './p-cP0q4lU_.js';
-import { d as defineCustomElement$G } from './p-wg959gAI.js';
-import { d as defineCustomElement$F } from './p-BWuqxd0-.js';
-import { d as defineCustomElement$E } from './p-BFjEYRDA.js';
-import { d as defineCustomElement$D } from './p-BPK0dIhW.js';
-import { d as defineCustomElement$C } from './p-DLjTrAZQ.js';
-import { d as defineCustomElement$B } from './p-DuxmEkPv.js';
-import { d as defineCustomElement$A } from './p-BI2p9Jc6.js';
-import { d as defineCustomElement$z } from './p-BJC7yMYa.js';
-import { d as defineCustomElement$y } from './p-Xz9vYJkl.js';
-import { d as defineCustomElement$x } from './p-DBeFl6it.js';
-import { d as defineCustomElement$w } from './p-CPl2QujN.js';
-import { d as defineCustomElement$v } from './p-CUbBPFuC.js';
-import { d as defineCustomElement$u } from './p-D5A3zAnj.js';
-import { d as defineCustomElement$t } from './p-CulTX7Fr.js';
-import { d as defineCustomElement$s } from './p-CdgRkJo5.js';
-import { d as defineCustomElement$r } from './p-rBm-tOur.js';
-import { d as defineCustomElement$q } from './p-fFf19yyL.js';
-import { d as defineCustomElement$p } from './p-4Hw__e3D.js';
-import { d as defineCustomElement$o } from './p-CeB6Cbwj.js';
-import { d as defineCustomElement$n } from './p-zVAQ5U3H.js';
-import { d as defineCustomElement$m } from './p-DyLPwQVe.js';
-import { d as defineCustomElement$l } from './p-BMp7KcxH.js';
-import { d as defineCustomElement$k } from './p-CztSSKob.js';
-import { d as defineCustomElement$j } from './p-Aurz8anf.js';
-import { d as defineCustomElement$i } from './p-sKlwNeg3.js';
+import { d as defineCustomElement$11 } from './p-BaTbUdcw.js';
+import { d as defineCustomElement$10 } from './p-CTibK7DI.js';
+import { d as defineCustomElement$$ } from './p-BgWpQ57E.js';
+import { d as defineCustomElement$_ } from './p-Ch2fnEor.js';
+import { d as defineCustomElement$Z } from './p-CZXVRFvj.js';
+import { d as defineCustomElement$Y } from './p-wbuAwPIf.js';
+import { d as defineCustomElement$X } from './p-qv7yU2pb.js';
+import { d as defineCustomElement$W } from './p-Dnr8VCvL.js';
+import { d as defineCustomElement$V } from './p-DbaulkBW.js';
+import { d as defineCustomElement$U } from './p-Cmi5--r4.js';
+import { d as defineCustomElement$T } from './p-AW961heI.js';
+import { d as defineCustomElement$S } from './p-mGdgvW-1.js';
+import { d as defineCustomElement$R } from './p-CyEL9Dys.js';
+import { d as defineCustomElement$Q } from './p-CzUnDM0S.js';
+import { d as defineCustomElement$P } from './p-D1kUhVgX.js';
+import { d as defineCustomElement$O } from './p-BffnA_f7.js';
+import { d as defineCustomElement$N } from './p-BfrrTJGs.js';
+import { d as defineCustomElement$M } from './p-CBLI3JpV.js';
+import { d as defineCustomElement$L } from './p-DFAeC2_5.js';
+import { d as defineCustomElement$K } from './p-7sBPfdYI.js';
+import { d as defineCustomElement$J } from './p-DqQXniRY.js';
+import { d as defineCustomElement$I } from './p-IsvARMhz.js';
+import { d as defineCustomElement$H } from './p-CDDvCyLe.js';
+import { d as defineCustomElement$G } from './p-DkQwOhaw.js';
+import { d as defineCustomElement$F } from './p-71j5L-dt.js';
+import { d as defineCustomElement$E } from './p-DWeyMY_K.js';
+import { d as defineCustomElement$D } from './p-DiYyjvXU.js';
+import { d as defineCustomElement$C } from './p-NBMazUZO.js';
+import { d as defineCustomElement$B } from './p-BmzQm3Nh.js';
+import { d as defineCustomElement$A } from './p-dUL2dkUa.js';
+import { d as defineCustomElement$z } from './p-CeBINn7w.js';
+import { d as defineCustomElement$y } from './p-B0DrSwKH.js';
+import { d as defineCustomElement$x } from './p-DBYtkpo-.js';
+import { d as defineCustomElement$w } from './p-Ca7_waxI.js';
+import { d as defineCustomElement$v } from './p-C_wt4VG1.js';
+import { d as defineCustomElement$u } from './p-DuymSQwd.js';
+import { d as defineCustomElement$t } from './p-DO1rWSYE.js';
+import { d as defineCustomElement$s } from './p-CGRnWG3R.js';
+import { d as defineCustomElement$r } from './p-C6nI5iTF.js';
+import { d as defineCustomElement$q } from './p-DmaMKknu.js';
+import { d as defineCustomElement$p } from './p-CCwI4JJ6.js';
+import { d as defineCustomElement$o } from './p-CDY2803i.js';
+import { d as defineCustomElement$n } from './p-BMTQXDvy.js';
+import { d as defineCustomElement$m } from './p-u7v_3NZe.js';
+import { d as defineCustomElement$l } from './p-CoSrYtWD.js';
+import { d as defineCustomElement$k } from './p-D72GASZY.js';
+import { d as defineCustomElement$j } from './p-CyE6dQa1.js';
+import { d as defineCustomElement$i } from './p-D2boni88.js';
 import { d as defineCustomElement$h } from './p-D4c4pEr7.js';
 import { d as defineCustomElement$g } from './p-B_hF0uK0.js';
 import { d as defineCustomElement$f } from './p-CnKh1Sa8.js';
@@ -97,8 +97,8 @@ import { d as defineCustomElement$d } from './p-AxIlNiXw.js';
 import { d as defineCustomElement$c } from './p-DDyVOExd.js';
 import { d as defineCustomElement$b } from './p-BPcKgFmL.js';
 import { d as defineCustomElement$a } from './p-DNNbYGla.js';
-import { d as defineCustomElement$9 } from './p-6w1TXINP.js';
-import { d as defineCustomElement$8 } from './p-BHUyDM4a.js';
+import { d as defineCustomElement$9 } from './p-uxYETK9F.js';
+import { d as defineCustomElement$8 } from './p-DmqqlFjj.js';
 import { d as defineCustomElement$7 } from './p-D-PLwV3-.js';
 import { d as defineCustomElement$6 } from './p-Chy47KVW.js';
 import { d as defineCustomElement$5 } from './p-C45P2m6S.js';

package/dist/components/nylas-scheduling-method.js

@@ -1,4 +1,4 @@
-import { N as NylasSchedulingMethod$1, d as defineCustomElement$1 } from './p-DyLPwQVe.js';
+import { N as NylasSchedulingMethod$1, d as defineCustomElement$1 } from './p-u7v_3NZe.js';
 
 const NylasSchedulingMethod = NylasSchedulingMethod$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-scheduling.js

@@ -1,8 +1,8 @@
 import { h, F as Fragment, p as proxyCustomElement, H, e as createEvent, i as Host } from './p-Bht9ktsW.js';
-import { N as NylasBaseProvider } from './p-CMnhMEB3.js';
-import { b as instance, x as addDaysToCurrentDate, a as debug, P as compactStringToUUIDs, n as capitalizeFirstLetter } from './p-CWTSM6yO.js';
+import { N as NylasBaseProvider } from './p-D5X8shfk.js';
+import { b as instance, x as addDaysToCurrentDate, a as debug, P as compactStringToUUIDs, n as capitalizeFirstLetter } from './p-BJ0gZqoJ.js';
 import { E as ErrorCategory, u } from './p-C1VNIgoH.js';
-import { v as version, i as isInitialized, a as init, f as feedbackSyncIntegration, c as captureMessage, b as captureFeedback } from './p-Dbirawci.js';
+import { v as version, i as isInitialized, a as init, f as feedbackSyncIntegration, c as captureMessage, b as captureFeedback } from './p-B14eRCR5.js';
 import { c as createStore } from './p-DVWbg8if.js';
 import { L as LANGUAGE_CODE, c as LANGUAGE_MAP } from './p-DUCeQ1R4.js';
 import { d as defineCustomElement$D } from './p-D4tDpA1T.js';
@@ -18,28 +18,28 @@ import { d as defineCustomElement$u } from './p-Dv7GXpid.js';
 import { d as defineCustomElement$t } from './p-DXgWl4kV.js';
 import { d as defineCustomElement$s } from './p-Cw1LpaFZ.js';
 import { d as defineCustomElement$r } from './p-Ctw485JT.js';
-import { d as defineCustomElement$q } from './p-ickjUaoC.js';
+import { d as defineCustomElement$q } from './p-ttOMOXED.js';
 import { d as defineCustomElement$p } from './p-DVz9HZ14.js';
-import { d as defineCustomElement$o } from './p-D6N64LfQ.js';
-import { d as defineCustomElement$n } from './p-CHrFrkWg.js';
-import { d as defineCustomElement$m } from './p-Q6RJB1kT.js';
-import { d as defineCustomElement$l } from './p-DxlNq7J-.js';
-import { d as defineCustomElement$k } from './p-DwD3KXGW.js';
-import { d as defineCustomElement$j } from './p-Biycd4iI.js';
-import { d as defineCustomElement$i } from './p-DWEP06hR.js';
-import { d as defineCustomElement$h } from './p-CrPTHsWg.js';
-import { d as defineCustomElement$g } from './p-DuxmEkPv.js';
-import { d as defineCustomElement$f } from './p-D_9rbrrd.js';
+import { d as defineCustomElement$o } from './p-BaTbUdcw.js';
+import { d as defineCustomElement$n } from './p-6ChZ1Qbz.js';
+import { d as defineCustomElement$m } from './p-Dyw-txou.js';
+import { d as defineCustomElement$l } from './p-CbzGOkVl.js';
+import { d as defineCustomElement$k } from './p-YGA4H-9G.js';
+import { d as defineCustomElement$j } from './p-sXbbNax8.js';
+import { d as defineCustomElement$i } from './p-BffnA_f7.js';
+import { d as defineCustomElement$h } from './p-DSjJ_aq0.js';
+import { d as defineCustomElement$g } from './p-BmzQm3Nh.js';
+import { d as defineCustomElement$f } from './p-Cp6o6dvp.js';
 import { d as defineCustomElement$e } from './p-DmM_jeyj.js';
-import { d as defineCustomElement$d } from './p-D5A3zAnj.js';
-import { d as defineCustomElement$c } from './p-BkqJeMJc.js';
-import { d as defineCustomElement$b } from './p-07Ul9BQq.js';
-import { d as defineCustomElement$a } from './p-BCuiGyoU.js';
+import { d as defineCustomElement$d } from './p-DuymSQwd.js';
+import { d as defineCustomElement$c } from './p-zGaD8wi_.js';
+import { d as defineCustomElement$b } from './p-Cw0C2FtI.js';
+import { d as defineCustomElement$a } from './p-C8_sw1Bl.js';
 import { d as defineCustomElement$9 } from './p-DZ4R5sIk.js';
 import { d as defineCustomElement$8 } from './p-DDyVOExd.js';
 import { d as defineCustomElement$7 } from './p-BPcKgFmL.js';
 import { d as defineCustomElement$6 } from './p-DNNbYGla.js';
-import { d as defineCustomElement$5 } from './p-6w1TXINP.js';
+import { d as defineCustomElement$5 } from './p-uxYETK9F.js';
 import { d as defineCustomElement$4 } from './p-Chy47KVW.js';
 import { d as defineCustomElement$3 } from './p-C45P2m6S.js';
 import { d as defineCustomElement$2 } from './p-Bvu4G70g.js';

package/dist/components/nylas-select-event-type.js

@@ -1,4 +1,4 @@
-import { N as NylasSelectEventType$1, d as defineCustomElement$1 } from './p-BMp7KcxH.js';
+import { N as NylasSelectEventType$1, d as defineCustomElement$1 } from './p-CoSrYtWD.js';
 
 const NylasSelectEventType = NylasSelectEventType$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-selected-event-card.js

@@ -1,4 +1,4 @@
-import { N as NylasSelectedEventCard$1, d as defineCustomElement$1 } from './p-07Ul9BQq.js';
+import { N as NylasSelectedEventCard$1, d as defineCustomElement$1 } from './p-Cw0C2FtI.js';
 
 const NylasSelectedEventCard = NylasSelectedEventCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-specific-time-availability-picker.js

@@ -1,4 +1,4 @@
-import { N as NylasSpecificTimeAvailabilityPicker$1, d as defineCustomElement$1 } from './p-CztSSKob.js';
+import { N as NylasSpecificTimeAvailabilityPicker$1, d as defineCustomElement$1 } from './p-D72GASZY.js';
 
 const NylasSpecificTimeAvailabilityPicker = NylasSpecificTimeAvailabilityPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-time-window-picker.js

@@ -1,4 +1,4 @@
-import { T as TimeInput, d as defineCustomElement$1 } from './p-Aurz8anf.js';
+import { T as TimeInput, d as defineCustomElement$1 } from './p-CyE6dQa1.js';
 
 const NylasTimeWindowPicker = TimeInput;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-timeslot-interval.js

@@ -1,4 +1,4 @@
-import { N as NylasTimeslotInterval$1, d as defineCustomElement$1 } from './p-sKlwNeg3.js';
+import { N as NylasTimeslotInterval$1, d as defineCustomElement$1 } from './p-D2boni88.js';
 
 const NylasTimeslotInterval = NylasTimeslotInterval$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-timeslot-picker.js

@@ -1,4 +1,4 @@
-import { N as NylasTimeslotPicker$1, d as defineCustomElement$1 } from './p-BCuiGyoU.js';
+import { N as NylasTimeslotPicker$1, d as defineCustomElement$1 } from './p-C8_sw1Bl.js';
 
 const NylasTimeslotPicker = NylasTimeslotPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-CHrFrkWg.js → p-6ChZ1Qbz.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-Bht9ktsW.js';
-import { R as RegisterComponent } from './p-B66WkprG.js';
-import { b as instance, a as debug, n as capitalizeFirstLetter, o as formatBookedEventDate } from './p-CWTSM6yO.js';
+import { R as RegisterComponent } from './p-BLaGY2c9.js';
+import { b as instance, a as debug, n as capitalizeFirstLetter, o as formatBookedEventDate } from './p-BJ0gZqoJ.js';
 import { T as TIMEZONE_MAP, a as LANGUAGE_CODE_TO_LOCALE_MAP } from './p-DUCeQ1R4.js';
 import { d as defineCustomElement$5 } from './p-CD74XxwY.js';
 import { d as defineCustomElement$4 } from './p-RLLogeWk.js';
@@ -230,6 +230,6 @@ function defineCustomElement() {
 }
 
 export { NylasBookedEventCard as N, defineCustomElement as d };
-//# sourceMappingURL=p-CHrFrkWg.js.map
+//# sourceMappingURL=p-6ChZ1Qbz.js.map
 
-//# sourceMappingURL=p-CHrFrkWg.js.map
+//# sourceMappingURL=p-6ChZ1Qbz.js.map

package/dist/components/{p-CHrFrkWg.js.map → p-6ChZ1Qbz.js.map}

@@ -1 +1 @@
-{"file":"p-CHrFrkWg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.scss?tag=nylas-booked-event-card&encapsulation=shadow","src/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-booked-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n}\n\n.event-card-wrapper {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-900);\n  border-radius: var(--nylas-border-radius-3x);\n  position: relative;\n  margin-top: 1rem;\n  margin-bottom: 2rem;\n  width: 424px;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    width: 100%;\n    border-radius: 0px;\n  }\n}\n\n.calendar-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n  color: var(--nylas-base-700);\n}\n\n.booked-event-header {\n  margin: 1.5rem 0;\n  overflow-wrap: anywhere;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  border-bottom: 1px solid var(--nylas-base-200);\n  width: inherit;\n  padding: 0 0 1.5rem;\n\n  h2 {\n    color: var(--nylas-base-600);\n    margin-top: 1.5rem;\n    margin-bottom: 0.25rem;\n    font-size: 1.125rem;\n    font-weight: 600;\n  }\n\n  .card-description {\n    text-align: center;\n  }\n}\n\n.booking-date-time,\n.booking-participants {\n  padding: 0 1rem;\n  margin-top: 1.5rem;\n  margin-left: 3rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-self: flex-start;\n  position: relative;\n\n  svg {\n    color: var(--nylas-base-700);\n    position: absolute;\n    left: -10px;\n  }\n\n  .block {\n    display: block;\n  }\n\n  h3 {\n    color: var(--nylas-base-600);\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.25rem;\n    text-align: justify;\n    margin-bottom: 4px;\n  }\n\n  p {\n    font-size: 16px;\n    margin: 0;\n    font-weight: 400;\n    text-align: justify;\n    color: var(--nylas-base-800);\n  }\n}\n\n.booking-participants {\n  margin-bottom: 1.5rem;\n}\n\n.booked-event-timezone {\n  display: flex;\n  color: var(--nylas-base-600);\n  margin-bottom: 1.5rem;\n  gap: 4px;\n  margin: 2rem;\n  align-items: center;\n  align-self: flex-end;\n}\n\n.button-container {\n  width: inherit;\n}\n\n.footer {\n  padding: 0.5rem;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n  box-sizing: border-box;\n  background-color: var(--nylas-base-25);\n  border-top: 1px solid var(--nylas-base-200);\n  width: 100%;\n  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n\n  &.no-template-cols {\n    grid-template-columns: 1fr;\n  }\n\n  &.no-footer {\n    display: none;\n  }\n}\n\nsp-divider {\n  background-color: var(--nylas-base-200);\n  height: 1px;\n}\n\ncalendar-check-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport type { NylasSchedulerBookingData } from '@/common/types';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { capitalizeFirstLetter, debug, formatBookedEventDate } from '@/utils/utils';\nimport { LANGUAGE_CODE, LANGUAGE_CODE_TO_LOCALE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { NylasEvent } from '@/common/types';\nimport { Event } from '@stencil/core';\nimport { NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n\n/**\n * The `nylas-booked-event-card` component is a UI component that displays the booked event card.\n *\n * @part nbec - The booked event card host.\n * @part nbec__card - The booked event card.\n * @part nbec__title - The title of the booked event card.\n * @part nbec__description - The description of the booked event card.\n * @part nbec__button-outline - The cancel & reschedule button CTA.\n * @part nbec__cancel-cta - The cancel button CTA.\n * @part nbec__reschedule-cta - The reschedule button CTA.\n */\n@Component({\n  tag: 'nylas-booked-event-card',\n  styleUrl: 'nylas-booked-event-card.scss',\n  shadow: true,\n})\nexport class NylasBookedEventCard {\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasBookedEventCardElement;\n\n  /**\n   * @standalone\n   * The booked event.\n   */\n  @Prop() readonly eventInfo!: NylasEvent;\n\n  /**\n   * @standalone\n   * Booking flow type.\n   */\n  @Prop() readonly rescheduleBookingId?: string;\n\n  /**\n   * @standalone\n   * The booking info used to book / reschedule the event.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The loading state prop. Used to display loading state when fetching availability.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop() readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected timeslot.\n   */\n  @Prop() readonly selectedTimeslot!: Timeslot;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage: string = navigator.language;\n  /**\n   * The 12-hour time format.\n   */\n  @Prop() hour12?: boolean;\n\n  @State() startTime: string = '';\n  @State() endTime: string = '';\n\n  /**\n   * Cancel booking button clicked event.\n   */\n  @Event() readonly cancelBookingButtonClicked!: EventEmitter<{ bookingId: string }>;\n\n  /**\n   * Reschedule button clicked event.\n   * */\n  @Event() readonly rescheduleButtonClicked!: EventEmitter<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs while rescheduling the booking.\n   */\n  @Event() readonly rescheduleBookedEventError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  /**\n   * This event is fired when an error occurs while cancelling the booking.\n   */\n  @Event() readonly cancelBookedEventValidationError!: EventEmitter<{\n    error: {\n      title: string;\n      message: string;\n    };\n  }>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-booked-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-booked-event-card] Component did load`);\n    if (!this.eventInfo) {\n      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.');\n    }\n    if (!this.bookingInfo) {\n      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.');\n    }\n    this.applyThemeConfig(this.themeConfig);\n    const locale = LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage || 'en'];\n\n    const timeFormat = new Intl.DateTimeFormat(locale, {\n      hour: '2-digit',\n      minute: '2-digit',\n      timeZone: this.selectedTimezone,\n      hour12: this.hour12,\n    });\n    this.startTime = timeFormat.format(this.selectedTimeslot?.start_time as Date);\n    this.endTime = timeFormat.format(this.selectedTimeslot?.end_time as Date);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleCancelBookingButtonClicked = () => {\n    const startTime = new Date(this.selectedTimeslot.start_time);\n    const minCancellationNotice = this.configSettings?.scheduler?.min_cancellation_notice;\n    if (!minCancellationNotice) {\n      this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });\n      return;\n    }\n    const dateTillCancellation = startTime.getTime() - minCancellationNotice * 60 * 1000;\n    if (dateTillCancellation < new Date().getTime()) {\n      this.cancelBookedEventValidationError.emit({\n        error: {\n          title: 'Cancellation Error',\n          message: `You cannot cancel the booking within ${minCancellationNotice} minutes of the event.`,\n        },\n      });\n    } else {\n      this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });\n    }\n  };\n\n  private handleRescheduleButtonClicked = () => {\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.rescheduleBookedEventError.emit(error);\n    };\n    this.rescheduleButtonClicked.emit({ bookingId: this.eventInfo.booking_id, errorHandler });\n  };\n\n  getPaticipantType = (type: string) => {\n    switch (type) {\n      case 'host':\n        return 'Host';\n      case 'you':\n        return 'You';\n      default:\n        return '';\n    }\n  };\n\n  @RegisterComponent<NylasBookedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-booked-event-card',\n    stateToProps: new Map([\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.rescheduleBookingId', 'rescheduleBookingId'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.hour12', 'hour12'],\n    ]),\n    eventToProps: {\n      cancelBookingButtonClicked: async (event: CustomEvent<{ bookingId: string }>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        nylasSchedulerConnector.scheduler.setCancel(event.detail.bookingId);\n      },\n      rescheduleButtonClicked: async (\n        event: CustomEvent<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        const result = await nylasSchedulerConnector.scheduler.setReschedule(event.detail.bookingId);\n        const { errorHandler } = event.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n      rescheduleBookedEventError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booked-event-card', 'rescheduleBookedEventError', event.detail);\n      },\n      cancelBookedEventValidationError: async (event: CustomEvent<{ error: { title: string; message: string } }>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booked-event-card', 'cancelBookedEventValidationError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const bookingType = this.configSettings?.booking_type;\n    const isManualConfirmation = bookingType && bookingType !== 'booking';\n\n    return (\n      <Host part=\"nbec\">\n        <div class=\"nylas-booked-event-card\">\n          <div class=\"booked-event-timezone\">\n            <globe-icon></globe-icon>\n            {TIMEZONE_MAP[this.selectedTimezone]}\n          </div>\n          <div class=\"event-card-wrapper\" part=\"nbec__card\">\n            <div class=\"calendar-icon\">\n              <calendar-check-icon />\n            </div>\n            <div class=\"booked-event-header\">\n              <h2 slot=\"card-title\" part=\"nbec__title\">\n                {!!this.rescheduleBookingId && !this.isLoading\n                  ? `${i18next.t('bookingRescheduled')}`\n                  : isManualConfirmation && !this.isLoading\n                    ? `${i18next.t('bookingSent')}`\n                    : `${i18next.t('bookingConfirmed')}`}\n                !\n              </h2>\n              <div class=\"card-description\" part=\"nbec__description\">\n                {isManualConfirmation ? i18next.t('bookingSentDescription') : <span>{i18next.t('bookingConfirmedDescription')}</span>}\n              </div>\n            </div>\n            <div class=\"booking-date-time\">\n              <checkmark-circle-icon></checkmark-circle-icon>\n              <h3>{i18next.t('bookingDateAndTimeHeader')}</h3>\n              <p>\n                {this.selectedTimeslot?.start_time\n                  ? capitalizeFirstLetter(\n                      formatBookedEventDate(this.selectedTimeslot?.start_time as Date, this.selectedTimezone, LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage]),\n                    )\n                  : '-'}{' '}\n                <br />\n                {this.startTime} - {this.endTime}\n              </p>\n            </div>\n            <div class=\"booking-participants\">\n              {/* <people-icon></people-icon>\n              <h3>All participants</h3>\n              {this.eventInfo?.participants && (\n                <p>\n                  {this.eventInfo?.participants?.map((participant: NylasEvent['participants'][0]) => {\n                    return (\n                      <span class=\"block\">\n                        {participant.email} {this.getPaticipantType(participant.type) && `(${this.getPaticipantType(participant.type)})`}\n                      </span>\n                    );\n                  })}\n                </p>\n              )} */}\n            </div>\n\n            {!isManualConfirmation && (\n              <div class=\"button-container\">\n                <div\n                  class={{\n                    'footer': true,\n                    'no-footer':\n                      (this.configSettings?.scheduler?.hide_cancellation_options && this.configSettings?.scheduler?.hide_rescheduling_options) ||\n                      this.configSettings?.booking_type === 'organizer-confirmation',\n                    'no-template-cols': !!this.configSettings?.scheduler?.hide_cancellation_options || !!this.configSettings?.scheduler?.hide_rescheduling_options,\n                  }}\n                >\n                  {!this.configSettings?.scheduler?.hide_cancellation_options && (\n                    <button-component variant={'destructive'} onClick={this.handleCancelBookingButtonClicked} part=\"nbec__button-outline nbec__cancel-cta\">\n                      {`${i18next.t('cancelBookingButton')}`}\n                    </button-component>\n                  )}\n                  {!this.configSettings?.scheduler?.hide_rescheduling_options && (\n                    <button-component variant={'basic'} onClick={this.handleRescheduleButtonClicked} disabled={this.isLoading} part=\"nbec__button-outline nbec__reschedule-cta\">\n                      {`${i18next.t('rescheduleBookingButton')}`}\n                    </button-component>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-6ChZ1Qbz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.scss?tag=nylas-booked-event-card&encapsulation=shadow","src/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-booked-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n}\n\n.event-card-wrapper {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-900);\n  border-radius: var(--nylas-border-radius-3x);\n  position: relative;\n  margin-top: 1rem;\n  margin-bottom: 2rem;\n  width: 424px;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    width: 100%;\n    border-radius: 0px;\n  }\n}\n\n.calendar-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n  color: var(--nylas-base-700);\n}\n\n.booked-event-header {\n  margin: 1.5rem 0;\n  overflow-wrap: anywhere;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  font-size: 16px;\n  font-weight: 400;\n  border-bottom: 1px solid var(--nylas-base-200);\n  width: inherit;\n  padding: 0 0 1.5rem;\n\n  h2 {\n    color: var(--nylas-base-600);\n    margin-top: 1.5rem;\n    margin-bottom: 0.25rem;\n    font-size: 1.125rem;\n    font-weight: 600;\n  }\n\n  .card-description {\n    text-align: center;\n  }\n}\n\n.booking-date-time,\n.booking-participants {\n  padding: 0 1rem;\n  margin-top: 1.5rem;\n  margin-left: 3rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-self: flex-start;\n  position: relative;\n\n  svg {\n    color: var(--nylas-base-700);\n    position: absolute;\n    left: -10px;\n  }\n\n  .block {\n    display: block;\n  }\n\n  h3 {\n    color: var(--nylas-base-600);\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.25rem;\n    text-align: justify;\n    margin-bottom: 4px;\n  }\n\n  p {\n    font-size: 16px;\n    margin: 0;\n    font-weight: 400;\n    text-align: justify;\n    color: var(--nylas-base-800);\n  }\n}\n\n.booking-participants {\n  margin-bottom: 1.5rem;\n}\n\n.booked-event-timezone {\n  display: flex;\n  color: var(--nylas-base-600);\n  margin-bottom: 1.5rem;\n  gap: 4px;\n  margin: 2rem;\n  align-items: center;\n  align-self: flex-end;\n}\n\n.button-container {\n  width: inherit;\n}\n\n.footer {\n  padding: 0.5rem;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n  box-sizing: border-box;\n  background-color: var(--nylas-base-25);\n  border-top: 1px solid var(--nylas-base-200);\n  width: 100%;\n  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n\n  &.no-template-cols {\n    grid-template-columns: 1fr;\n  }\n\n  &.no-footer {\n    display: none;\n  }\n}\n\nsp-divider {\n  background-color: var(--nylas-base-200);\n  height: 1px;\n}\n\ncalendar-check-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport type { NylasSchedulerBookingData } from '@/common/types';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { capitalizeFirstLetter, debug, formatBookedEventDate } from '@/utils/utils';\nimport { LANGUAGE_CODE, LANGUAGE_CODE_TO_LOCALE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { NylasEvent } from '@/common/types';\nimport { Event } from '@stencil/core';\nimport { NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n\n/**\n * The `nylas-booked-event-card` component is a UI component that displays the booked event card.\n *\n * @part nbec - The booked event card host.\n * @part nbec__card - The booked event card.\n * @part nbec__title - The title of the booked event card.\n * @part nbec__description - The description of the booked event card.\n * @part nbec__button-outline - The cancel & reschedule button CTA.\n * @part nbec__cancel-cta - The cancel button CTA.\n * @part nbec__reschedule-cta - The reschedule button CTA.\n */\n@Component({\n  tag: 'nylas-booked-event-card',\n  styleUrl: 'nylas-booked-event-card.scss',\n  shadow: true,\n})\nexport class NylasBookedEventCard {\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasBookedEventCardElement;\n\n  /**\n   * @standalone\n   * The booked event.\n   */\n  @Prop() readonly eventInfo!: NylasEvent;\n\n  /**\n   * @standalone\n   * Booking flow type.\n   */\n  @Prop() readonly rescheduleBookingId?: string;\n\n  /**\n   * @standalone\n   * The booking info used to book / reschedule the event.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The loading state prop. Used to display loading state when fetching availability.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop() readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected timeslot.\n   */\n  @Prop() readonly selectedTimeslot!: Timeslot;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage: string = navigator.language;\n  /**\n   * The 12-hour time format.\n   */\n  @Prop() hour12?: boolean;\n\n  @State() startTime: string = '';\n  @State() endTime: string = '';\n\n  /**\n   * Cancel booking button clicked event.\n   */\n  @Event() readonly cancelBookingButtonClicked!: EventEmitter<{ bookingId: string }>;\n\n  /**\n   * Reschedule button clicked event.\n   * */\n  @Event() readonly rescheduleButtonClicked!: EventEmitter<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs while rescheduling the booking.\n   */\n  @Event() readonly rescheduleBookedEventError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  /**\n   * This event is fired when an error occurs while cancelling the booking.\n   */\n  @Event() readonly cancelBookedEventValidationError!: EventEmitter<{\n    error: {\n      title: string;\n      message: string;\n    };\n  }>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-booked-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-booked-event-card] Component did load`);\n    if (!this.eventInfo) {\n      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.');\n    }\n    if (!this.bookingInfo) {\n      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.');\n    }\n    this.applyThemeConfig(this.themeConfig);\n    const locale = LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage || 'en'];\n\n    const timeFormat = new Intl.DateTimeFormat(locale, {\n      hour: '2-digit',\n      minute: '2-digit',\n      timeZone: this.selectedTimezone,\n      hour12: this.hour12,\n    });\n    this.startTime = timeFormat.format(this.selectedTimeslot?.start_time as Date);\n    this.endTime = timeFormat.format(this.selectedTimeslot?.end_time as Date);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleCancelBookingButtonClicked = () => {\n    const startTime = new Date(this.selectedTimeslot.start_time);\n    const minCancellationNotice = this.configSettings?.scheduler?.min_cancellation_notice;\n    if (!minCancellationNotice) {\n      this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });\n      return;\n    }\n    const dateTillCancellation = startTime.getTime() - minCancellationNotice * 60 * 1000;\n    if (dateTillCancellation < new Date().getTime()) {\n      this.cancelBookedEventValidationError.emit({\n        error: {\n          title: 'Cancellation Error',\n          message: `You cannot cancel the booking within ${minCancellationNotice} minutes of the event.`,\n        },\n      });\n    } else {\n      this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });\n    }\n  };\n\n  private handleRescheduleButtonClicked = () => {\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.rescheduleBookedEventError.emit(error);\n    };\n    this.rescheduleButtonClicked.emit({ bookingId: this.eventInfo.booking_id, errorHandler });\n  };\n\n  getPaticipantType = (type: string) => {\n    switch (type) {\n      case 'host':\n        return 'Host';\n      case 'you':\n        return 'You';\n      default:\n        return '';\n    }\n  };\n\n  @RegisterComponent<NylasBookedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-booked-event-card',\n    stateToProps: new Map([\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.rescheduleBookingId', 'rescheduleBookingId'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.hour12', 'hour12'],\n    ]),\n    eventToProps: {\n      cancelBookingButtonClicked: async (event: CustomEvent<{ bookingId: string }>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        nylasSchedulerConnector.scheduler.setCancel(event.detail.bookingId);\n      },\n      rescheduleButtonClicked: async (\n        event: CustomEvent<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        const result = await nylasSchedulerConnector.scheduler.setReschedule(event.detail.bookingId);\n        const { errorHandler } = event.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n      rescheduleBookedEventError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booked-event-card', 'rescheduleBookedEventError', event.detail);\n      },\n      cancelBookedEventValidationError: async (event: CustomEvent<{ error: { title: string; message: string } }>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booked-event-card', 'cancelBookedEventValidationError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const bookingType = this.configSettings?.booking_type;\n    const isManualConfirmation = bookingType && bookingType !== 'booking';\n\n    return (\n      <Host part=\"nbec\">\n        <div class=\"nylas-booked-event-card\">\n          <div class=\"booked-event-timezone\">\n            <globe-icon></globe-icon>\n            {TIMEZONE_MAP[this.selectedTimezone]}\n          </div>\n          <div class=\"event-card-wrapper\" part=\"nbec__card\">\n            <div class=\"calendar-icon\">\n              <calendar-check-icon />\n            </div>\n            <div class=\"booked-event-header\">\n              <h2 slot=\"card-title\" part=\"nbec__title\">\n                {!!this.rescheduleBookingId && !this.isLoading\n                  ? `${i18next.t('bookingRescheduled')}`\n                  : isManualConfirmation && !this.isLoading\n                    ? `${i18next.t('bookingSent')}`\n                    : `${i18next.t('bookingConfirmed')}`}\n                !\n              </h2>\n              <div class=\"card-description\" part=\"nbec__description\">\n                {isManualConfirmation ? i18next.t('bookingSentDescription') : <span>{i18next.t('bookingConfirmedDescription')}</span>}\n              </div>\n            </div>\n            <div class=\"booking-date-time\">\n              <checkmark-circle-icon></checkmark-circle-icon>\n              <h3>{i18next.t('bookingDateAndTimeHeader')}</h3>\n              <p>\n                {this.selectedTimeslot?.start_time\n                  ? capitalizeFirstLetter(\n                      formatBookedEventDate(this.selectedTimeslot?.start_time as Date, this.selectedTimezone, LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage]),\n                    )\n                  : '-'}{' '}\n                <br />\n                {this.startTime} - {this.endTime}\n              </p>\n            </div>\n            <div class=\"booking-participants\">\n              {/* <people-icon></people-icon>\n              <h3>All participants</h3>\n              {this.eventInfo?.participants && (\n                <p>\n                  {this.eventInfo?.participants?.map((participant: NylasEvent['participants'][0]) => {\n                    return (\n                      <span class=\"block\">\n                        {participant.email} {this.getPaticipantType(participant.type) && `(${this.getPaticipantType(participant.type)})`}\n                      </span>\n                    );\n                  })}\n                </p>\n              )} */}\n            </div>\n\n            {!isManualConfirmation && (\n              <div class=\"button-container\">\n                <div\n                  class={{\n                    'footer': true,\n                    'no-footer':\n                      (this.configSettings?.scheduler?.hide_cancellation_options && this.configSettings?.scheduler?.hide_rescheduling_options) ||\n                      this.configSettings?.booking_type === 'organizer-confirmation',\n                    'no-template-cols': !!this.configSettings?.scheduler?.hide_cancellation_options || !!this.configSettings?.scheduler?.hide_rescheduling_options,\n                  }}\n                >\n                  {!this.configSettings?.scheduler?.hide_cancellation_options && (\n                    <button-component variant={'destructive'} onClick={this.handleCancelBookingButtonClicked} part=\"nbec__button-outline nbec__cancel-cta\">\n                      {`${i18next.t('cancelBookingButton')}`}\n                    </button-component>\n                  )}\n                  {!this.configSettings?.scheduler?.hide_rescheduling_options && (\n                    <button-component variant={'basic'} onClick={this.handleRescheduleButtonClicked} disabled={this.isLoading} part=\"nbec__button-outline nbec__reschedule-cta\">\n                      {`${i18next.t('rescheduleBookingButton')}`}\n                    </button-component>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BWuqxd0-.js → p-71j5L-dt.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, i as Host } from './p-Bht9ktsW.js';
-import { R as RegisterComponent } from './p-B66WkprG.js';
-import { b as instance, a as debug, c as checkForMissingSlots } from './p-CWTSM6yO.js';
-import { d as defineCustomElement$1 } from './p-BI2p9Jc6.js';
+import { R as RegisterComponent } from './p-BLaGY2c9.js';
+import { b as instance, a as debug, c as checkForMissingSlots } from './p-BJ0gZqoJ.js';
+import { d as defineCustomElement$1 } from './p-dUL2dkUa.js';
 
 const nylasEventLimitsCss = ":host{display:block;margin:1rem;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-event-limits__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-limits__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--nylas-base-25)}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}";
 
@@ -108,6 +108,6 @@ function defineCustomElement() {
 }
 
 export { NylasEventLimits as N, defineCustomElement as d };
-//# sourceMappingURL=p-BWuqxd0-.js.map
+//# sourceMappingURL=p-71j5L-dt.js.map
 
-//# sourceMappingURL=p-BWuqxd0-.js.map
+//# sourceMappingURL=p-71j5L-dt.js.map

package/dist/components/{p-BWuqxd0-.js.map → p-71j5L-dt.js.map}

@@ -1 +1 @@
-{"file":"p-BWuqxd0-.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,gsFAAgsF;;;;;;;;;;;;;;;;MC8B/sF,gBAAgB,GAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;IAmB3B,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAC,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAIhC,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;AAG/B,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAKhD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;;IAGlD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;AAChD,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;;IAGzC,gBAAgB,GAAA;AACd,QAAA,KAAK,CAAC,oBAAoB,EAAE,kBAAkB,CAAC;QAC/C,oBAAoB,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;;IAG3C,oBAAoB,GAAA;AAClB,QAAA,KAAK,CAAC,oBAAoB,EAAE,sBAAsB,CAAC;;IAYrD,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,0BAA0B,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAA,EACnF,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,2BAA2B,EACtD,EAAAA,QAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CACvC,EACL,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,6BAA6B,EAAA,EACrD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACU,CACb;;;;;;;;;;;;;;;;AAXX,UAAA,CAAA;AATC,IAAA,iBAAiB,CAAsG;AACtH,QAAA,IAAI,EAAE,oBAAoB;QAC1B,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,6BAA6B,EAAE,aAAa,CAAC;SAC/C,CAAC;AACF,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAcD,EAAA,gBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-event-limits/nylas-event-limits.scss?tag=nylas-event-limits&encapsulation=shadow","src/components/scheduler-editor/nylas-event-limits/nylas-event-limits.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  margin: 1rem;\n  @include default-css-variables;\n}\n\n.nylas-event-limits__title {\n  color: var(--nylas-base-900);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px; /* 125% */\n  margin: 0;\n  text-align: left;\n}\n.nylas-event-limits__subtitle {\n  color: var(--nylas-base-600);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  margin: 0.25rem 0px 0px;\n  text-align: left;\n}\n.nylas-event-limits__content {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  background-color: var(--nylas-base-25);\n}\n\n.nylas-event-limits__block {\n  display: flex;\n  justify-content: space-between;\n  gap: 0.5rem;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { checkForMissingSlots, debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Host, Prop, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\nimport { ThemeConfig } from '@nylas/core';\n/**\n * The `nylas-event-limits` component is an input form for event limits, such as the number of available days in the future and\n * the minimum period of notice that a guest must provide to cancel a booking.\n * This component is a container for the `nylas-limit-future-bookings` and `nylas-min-cancellation-notice` components.\n *\n * ```html\n * <nylas-event-limits>\n *   <div slot=\"inputs\">\n *     <nylas-limit-future-bookings></nylas-limit-future-bookings>\n *     <nylas-min-cancellation-notice></nylas-min-cancellation-notice>\n *   </div>\n * </nylas-event-limits>\n * ```\n *\n * @slot inputs - The event information inputs. This includes the limit future bookings and minimum cancellation notice components.\n */\n@Component({\n  tag: 'nylas-event-limits',\n  styleUrl: 'nylas-event-limits.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventLimits {\n  @Element() el!: HTMLElement;\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.el.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  connectedCallback() {\n    debug('nylas-event-limits', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-limits', 'componentWillLoad');\n    this.applyThemeConfig(this.themeConfig);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-limits', 'componentDidLoad');\n    checkForMissingSlots(['inputs'], this.el);\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-limits', 'disconnectedCallback');\n  }\n\n  @RegisterComponent<NylasEventLimits, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-limits',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <nylas-form-card exportparts=\"nfc__header: nel__header\" themeConfig={this.themeConfig}>\n          <h1 slot=\"header-title\" class=\"nylas-event-limits__title\">\n            {i18next.t('nylasEventLimits.headerTitle')}\n          </h1>\n          <div slot=\"content\" class=\"nylas-event-limits__content\">\n            <slot name=\"inputs\"></slot>\n          </div>\n        </nylas-form-card>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-71j5L-dt.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,gsFAAgsF;;;;;;;;;;;;;;;;MC8B/sF,gBAAgB,GAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;IAmB3B,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAC,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAIhC,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;AAG/B,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAKhD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;;IAGlD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;AAChD,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;;IAGzC,gBAAgB,GAAA;AACd,QAAA,KAAK,CAAC,oBAAoB,EAAE,kBAAkB,CAAC;QAC/C,oBAAoB,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;;IAG3C,oBAAoB,GAAA;AAClB,QAAA,KAAK,CAAC,oBAAoB,EAAE,sBAAsB,CAAC;;IAYrD,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,0BAA0B,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAA,EACnF,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,2BAA2B,EACtD,EAAAA,QAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CACvC,EACL,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,6BAA6B,EAAA,EACrD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACU,CACb;;;;;;;;;;;;;;;;AAXX,UAAA,CAAA;AATC,IAAA,iBAAiB,CAAsG;AACtH,QAAA,IAAI,EAAE,oBAAoB;QAC1B,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,6BAA6B,EAAE,aAAa,CAAC;SAC/C,CAAC;AACF,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAcD,EAAA,gBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-event-limits/nylas-event-limits.scss?tag=nylas-event-limits&encapsulation=shadow","src/components/scheduler-editor/nylas-event-limits/nylas-event-limits.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  margin: 1rem;\n  @include default-css-variables;\n}\n\n.nylas-event-limits__title {\n  color: var(--nylas-base-900);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px; /* 125% */\n  margin: 0;\n  text-align: left;\n}\n.nylas-event-limits__subtitle {\n  color: var(--nylas-base-600);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  margin: 0.25rem 0px 0px;\n  text-align: left;\n}\n.nylas-event-limits__content {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  background-color: var(--nylas-base-25);\n}\n\n.nylas-event-limits__block {\n  display: flex;\n  justify-content: space-between;\n  gap: 0.5rem;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { checkForMissingSlots, debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Host, Prop, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\nimport { ThemeConfig } from '@nylas/core';\n/**\n * The `nylas-event-limits` component is an input form for event limits, such as the number of available days in the future and\n * the minimum period of notice that a guest must provide to cancel a booking.\n * This component is a container for the `nylas-limit-future-bookings` and `nylas-min-cancellation-notice` components.\n *\n * ```html\n * <nylas-event-limits>\n *   <div slot=\"inputs\">\n *     <nylas-limit-future-bookings></nylas-limit-future-bookings>\n *     <nylas-min-cancellation-notice></nylas-min-cancellation-notice>\n *   </div>\n * </nylas-event-limits>\n * ```\n *\n * @slot inputs - The event information inputs. This includes the limit future bookings and minimum cancellation notice components.\n */\n@Component({\n  tag: 'nylas-event-limits',\n  styleUrl: 'nylas-event-limits.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventLimits {\n  @Element() el!: HTMLElement;\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.el.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  connectedCallback() {\n    debug('nylas-event-limits', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-limits', 'componentWillLoad');\n    this.applyThemeConfig(this.themeConfig);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-limits', 'componentDidLoad');\n    checkForMissingSlots(['inputs'], this.el);\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-limits', 'disconnectedCallback');\n  }\n\n  @RegisterComponent<NylasEventLimits, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-limits',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <nylas-form-card exportparts=\"nfc__header: nel__header\" themeConfig={this.themeConfig}>\n          <h1 slot=\"header-title\" class=\"nylas-event-limits__title\">\n            {i18next.t('nylasEventLimits.headerTitle')}\n          </h1>\n          <div slot=\"content\" class=\"nylas-event-limits__content\">\n            <slot name=\"inputs\"></slot>\n          </div>\n        </nylas-form-card>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-RdM6EOvn.js → p-7sBPfdYI.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H as H$2, e as createEvent, h as h$2, i as Host } from './p-Bht9ktsW.js';
-import { R as RegisterComponent } from './p-B66WkprG.js';
-import { I as getAugmentedNamespace, h as getDefaultExportFromCjs, j as dayjs, u as utc, w as timezone, b as instance, a as debug } from './p-CWTSM6yO.js';
+import { R as RegisterComponent } from './p-BLaGY2c9.js';
+import { I as getAugmentedNamespace, h as getDefaultExportFromCjs, j as dayjs, u as utc, w as timezone, b as instance, a as debug } from './p-BJ0gZqoJ.js';
 import { d as defineCustomElement$v } from './p-D4tDpA1T.js';
 import { d as defineCustomElement$u } from './p-CD74XxwY.js';
 import { d as defineCustomElement$t } from './p-rkFPxvT6.js';
@@ -10,26 +10,26 @@ import { d as defineCustomElement$q } from './p-Dv7GXpid.js';
 import { d as defineCustomElement$p } from './p-Cw1LpaFZ.js';
 import { d as defineCustomElement$o } from './p-ztDxKzOp.js';
 import { d as defineCustomElement$n } from './p-Ctw485JT.js';
-import { d as defineCustomElement$m } from './p-ickjUaoC.js';
+import { d as defineCustomElement$m } from './p-ttOMOXED.js';
 import { d as defineCustomElement$l } from './p-DTTtT3qX.js';
 import { d as defineCustomElement$k } from './p-DVz9HZ14.js';
 import { d as defineCustomElement$j } from './p-BpC1wOqM.js';
 import { d as defineCustomElement$i } from './p-C8r_DJN1.js';
 import { d as defineCustomElement$h } from './p-DgzF8EA8.js';
-import { d as defineCustomElement$g } from './p-D6N64LfQ.js';
-import { d as defineCustomElement$f } from './p-Bmgc4OoC.js';
-import { d as defineCustomElement$e } from './p-DWEP06hR.js';
-import { d as defineCustomElement$d } from './p-B6vWzWVH.js';
-import { d as defineCustomElement$c } from './p-DTIl-dL0.js';
-import { d as defineCustomElement$b } from './p-wg959gAI.js';
-import { d as defineCustomElement$a } from './p-BFjEYRDA.js';
-import { d as defineCustomElement$9 } from './p-BPK0dIhW.js';
-import { d as defineCustomElement$8 } from './p-DLjTrAZQ.js';
-import { d as defineCustomElement$7 } from './p-BI2p9Jc6.js';
-import { d as defineCustomElement$6 } from './p-Aurz8anf.js';
+import { d as defineCustomElement$g } from './p-BaTbUdcw.js';
+import { d as defineCustomElement$f } from './p-CTibK7DI.js';
+import { d as defineCustomElement$e } from './p-BffnA_f7.js';
+import { d as defineCustomElement$d } from './p-DqQXniRY.js';
+import { d as defineCustomElement$c } from './p-IsvARMhz.js';
+import { d as defineCustomElement$b } from './p-DkQwOhaw.js';
+import { d as defineCustomElement$a } from './p-DWeyMY_K.js';
+import { d as defineCustomElement$9 } from './p-DiYyjvXU.js';
+import { d as defineCustomElement$8 } from './p-NBMazUZO.js';
+import { d as defineCustomElement$7 } from './p-dUL2dkUa.js';
+import { d as defineCustomElement$6 } from './p-CyE6dQa1.js';
 import { d as defineCustomElement$5 } from './p-BPcKgFmL.js';
 import { d as defineCustomElement$4 } from './p-DNNbYGla.js';
-import { d as defineCustomElement$3 } from './p-BHUyDM4a.js';
+import { d as defineCustomElement$3 } from './p-DmqqlFjj.js';
 import { d as defineCustomElement$2 } from './p-Chy47KVW.js';
 import { d as defineCustomElement$1 } from './p-BcjHeg_O.js';
 
@@ -15636,6 +15636,6 @@ function defineCustomElement() {
 }
 
 export { NylasEventCalendar as N, defineCustomElement as d };
-//# sourceMappingURL=p-RdM6EOvn.js.map
+//# sourceMappingURL=p-7sBPfdYI.js.map
 
-//# sourceMappingURL=p-RdM6EOvn.js.map
+//# sourceMappingURL=p-7sBPfdYI.js.map