@nylas/web-elements 2.4.1 → 2.5.0-canary-20260306042320

package/dist/components/{p-C8RnCnvv.js.map → p-q7g_LEwC.js.map}

@@ -1 +1 @@
-{"file":"p-C8RnCnvv.js","mappings":";;AAAA,MAAM,OAAO,GAAG,mCAAmC;;MCOtC,YAAY,GAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACzF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,ouBAAouB,EACtuB,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=dragable-icon&encapsulation=scoped","src/common/icons/dragable.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'dragable-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class DragableIcon {\n  @Prop() width: string = '20';\n  @Prop() height: string = '20';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-q7g_LEwC.js","mappings":";;AAAA,MAAM,OAAO,GAAG,mCAAmC;;MCOtC,YAAY,GAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACzF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,ouBAAouB,EACtuB,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=dragable-icon&encapsulation=scoped","src/common/icons/dragable.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'dragable-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class DragableIcon {\n  @Prop() width: string = '20';\n  @Prop() height: string = '20';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-lJd3klAU.js → p-rrunpGAl.js}

@@ -3,19 +3,19 @@ import { R as RegisterComponent } from './p-CwtW7XIp.js';
 import { b as instance, a as debug, F as parsePreviewLink, L as getCalendarRange } from './p-B5ZLsN-l.js';
 import { E as ErrorCategory, u } from './p-C1VNIgoH.js';
 import { C as CONFIGURATION_EVENT_TYPE } from './p-DUCeQ1R4.js';
-import { d as defineCustomElement$d } from './p-Dvm3cFRX.js';
-import { d as defineCustomElement$c } from './p-BW5AWWWU.js';
-import { d as defineCustomElement$b } from './p-BaI67hQ_.js';
-import { d as defineCustomElement$a } from './p-DHEweiQ6.js';
-import { d as defineCustomElement$9 } from './p-D9TpXP_3.js';
-import { d as defineCustomElement$8 } from './p-DDuJfpmS.js';
-import { d as defineCustomElement$7 } from './p-DywCqDUg.js';
-import { d as defineCustomElement$6 } from './p-Bkoea0ab.js';
-import { d as defineCustomElement$5 } from './p-hYRQCAHR.js';
-import { d as defineCustomElement$4 } from './p-B75UH_79.js';
-import { d as defineCustomElement$3 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$2 } from './p-idvnK5Rl.js';
-import { d as defineCustomElement$1 } from './p-BVrJG89A.js';
+import { d as defineCustomElement$d } from './p-BVH0Klhu.js';
+import { d as defineCustomElement$c } from './p-BAKh5tMf.js';
+import { d as defineCustomElement$b } from './p-ao6VxuAL.js';
+import { d as defineCustomElement$a } from './p-CzVZs3uZ.js';
+import { d as defineCustomElement$9 } from './p-CFeDwD40.js';
+import { d as defineCustomElement$8 } from './p-C9Mlv9rC.js';
+import { d as defineCustomElement$7 } from './p-CvLWbTI_.js';
+import { d as defineCustomElement$6 } from './p-B2LU95MT.js';
+import { d as defineCustomElement$5 } from './p-C7ZpwRD0.js';
+import { d as defineCustomElement$4 } from './p-CHuh_iTR.js';
+import { d as defineCustomElement$3 } from './p-DBHtQK2b.js';
+import { d as defineCustomElement$2 } from './p-wphqTozF.js';
+import { d as defineCustomElement$1 } from './p-OhUC7F_g.js';
 
 const nylasListConfigurationsCss = ":host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--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}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:16px;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}@media screen and (max-width: 768px){.configurations .table-container{min-height:624px}}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem;text-align:right}.configurations .table-container table .actions button-component.edit-button{min-width:98px}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .actions select-dropdown.last::part(sd_dropdown-content){bottom:54px}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:var(--nylas-base-0);width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .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);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto;color:inherit}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}.card-wrapper{position:absolute;top:0;left:0;height:calc(100% + 4rem);width:-webkit-fill-available;width:-moz-available;width:fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.card-wrapper{justify-content:start;height:100%}}.card-modal{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);padding:32px;width:562px;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){.card-modal{width:auto;border-radius:0px}}.description.title-desc{margin-bottom:2rem}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;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)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}";
 
@@ -452,6 +452,6 @@ function defineCustomElement() {
 }
 
 export { NylasListConfigurations as N, defineCustomElement as d };
-//# sourceMappingURL=p-lJd3klAU.js.map
+//# sourceMappingURL=p-rrunpGAl.js.map
 
-//# sourceMappingURL=p-lJd3klAU.js.map
+//# sourceMappingURL=p-rrunpGAl.js.map

package/dist/components/{p-lJd3klAU.js.map → p-rrunpGAl.js.map}

@@ -1 +1 @@
-{"file":"p-lJd3klAU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","NotificationType","i18next"],"sources":["src/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.scss?tag=nylas-list-configurations&encapsulation=shadow","src/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/buttons' as *;\n\n:host {\n  display: grid;\n  grid-auto-flow: row;\n  width: 100%;\n  font-family: inherit;\n  font-optical-sizing: auto;\n  @include default-css-variables;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n  gap: 1rem;\n\n  @media #{$mobile} {\n    flex-direction: column;\n    gap: 0.5rem;\n    align-items: unset;\n  }\n\n  h2 {\n    margin: 0;\n    font-size: 1.25rem;\n    color: var(--nylas-base-900);\n    font-weight: 600;\n  }\n\n  p {\n    margin: 0;\n    font-size: 16px;\n    color: var(--nylas-base-700);\n  }\n\n  .actions {\n    justify-self: end;\n\n    @media #{$mobile} {\n      width: 100%;\n    }\n  }\n}\n\n.configurations {\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius-2x);\n  background: var(--nylas-base-0);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-y: hidden;\n\n  .table-container {\n    overflow-y: auto;\n    flex: 1;\n\n    @media #{$mobile} {\n      min-height: 624px; // This is to ensure the dropdowns are not cut off\n    }\n\n    table {\n      width: 100%;\n      border-spacing: 0;\n      border-collapse: collapse;\n      font-family: inherit;\n      height: max-content;\n\n      &.no-configurations {\n        height: 100%;\n      }\n\n      tr {\n        color: var(--nylas-base-800);\n        border-bottom: 1px solid var(--nylas-base-200);\n        font-family: inherit;\n\n        &.hide {\n          display: none;\n        }\n      }\n\n      th {\n        font-weight: 600;\n        text-transform: uppercase;\n        font-size: 14px;\n        line-height: 20px;\n      }\n\n      tr.no-configurations {\n        td {\n          > div {\n            display: flex;\n            height: 100%;\n            justify-content: center;\n            align-items: center;\n            flex-direction: column;\n\n            padding: var(--nylas-border-radius-3x);\n\n            h3 {\n              margin: 0 0 1rem 0;\n              color: var(--nylas-base-700);\n            }\n\n            p {\n              margin: 0 0 1rem 0;\n              color: var(--nylas-base-600);\n            }\n\n            calendar-icon {\n              margin-bottom: 1rem;\n              color: var(--nylas-base-200);\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        text-align: left;\n        padding: 1rem;\n        font-family: inherit;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: flex-end;\n        gap: 1rem;\n        text-align: right;\n        button-component.edit-button {\n          min-width: 98px;\n        }\n        @media #{$mobile} {\n          flex-direction: column;\n          gap: 0.5rem;\n        }\n\n        select-dropdown.last {\n          &::part(sd_dropdown-content) {\n            bottom: 54px;\n          }\n        }\n      }\n\n      .title {\n        width: 100%;\n        max-width: 300px;\n\n        @media #{$mobile} {\n          max-width: 96px;\n        }\n\n        div {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n\n          &.config-event-title {\n            font-weight: 600;\n          }\n\n          &.config-event-description {\n            font-size: 0.75rem;\n          }\n        }\n      }\n    }\n  }\n\n  .pagination {\n    padding: 1rem;\n    position: sticky;\n    top: 100%;\n    display: flex;\n    justify-content: flex-end;\n    gap: 0.5rem;\n    background: var(--nylas-base-0);\n    width: calc(100% - 2rem);\n    z-index: 2;\n\n    td.arrows {\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.5rem;\n    }\n\n    button {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      align-items: center;\n      height: 3vh;\n      width: 3vh;\n      min-width: 3em;\n      min-height: 3em;\n      cursor: pointer;\n      border-radius: var(--nylas-border-radius-2x);\n      border: 1px solid var(--nylas-base-300);\n\n      background-color: transparent;\n      color: var(--nylas-base-800);\n      cursor: pointer;\n\n      &:hover:not(:disabled) {\n        border: 1px solid var(--nylas-primary);\n      }\n\n      &:active {\n        border: 1px solid var(--nylas-base-800);\n      }\n\n      &:disabled {\n        border: 1px solid var(--nylas-base-100);\n        background-color: transparent;\n        color: var(--nylas-base-300);\n        cursor: not-allowed;\n      }\n\n      &.right {\n        transform: rotate(180deg);\n      }\n    }\n  }\n}\n\n.error-container {\n  margin-top: 1.5rem;\n\n  .error {\n    color: var(--nylas-error);\n    padding: 0.5rem 0;\n    margin: 1rem 0 0;\n  }\n}\n\nbutton-component#copy {\n  button {\n    width: 108px;\n  }\n}\n\nselect-dropdown {\n  width: auto;\n  color: inherit;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  display: block;\n  height: 48px;\n  padding: 0px 16px 8px;\n\n  @media #{$mobile} {\n    width: 92px;\n  }\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  width: 120px;\n  right: 0;\n}\n\nselect-dropdown::part(sd_dropdown-labelhtml) {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  color: var(--nylas-base-900);\n\n  &:hover {\n    color: var(--nylas-primary);\n  }\n}\n\n.card-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: calc(100% + 4rem);\n  width: -webkit-fill-available;\n  width: -moz-available;\n  width: fill-available;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 2;\n\n  border-radius: var(--nylas-border-radius-2x);\n\n  @media #{$mobile} {\n    justify-content: start;\n    height: 100%;\n  }\n}\n\n.card-modal {\n  background: var(--nylas-base-0);\n  display: flex;\n  flex-direction: column;\n  font-family: var(--nylas-font-family);\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-900);\n  border-radius: var(--nylas-border-radius-3x);\n  padding: 32px;\n  width: 562px;\n\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: auto;\n    border-radius: 0px;\n  }\n}\n\n.description {\n  &.title-desc {\n    margin-bottom: 2rem;\n  }\n\n  p {\n    margin: 0;\n    font-size: 18px;\n    color: var(--nylas-base-600);\n  }\n}\n\n.footer {\n  margin-top: 1rem;\n  padding-top: 1rem;\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5rem;\n  box-sizing: border-box;\n  background-color: var(--nylas-base-25);\n  width: 100%;\n  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n}\n\n.close-button {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n\n  button-component {\n    button {\n      padding: 0;\n      height: auto;\n\n      &:hover {\n        background-color: transparent !important;\n      }\n    }\n  }\n}\n\nbutton-component {\n  --dot-color: var(--nylas-base-700);\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, getCalendarRange, parsePreviewLink } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, GroupConfiguration, Notification, NotificationType, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { CONFIGURATION_EVENT_TYPE, LANGUAGE_CODE } from '@/common/constants';\nimport { ErrorCategory } from '@/types/index';\n\n/**\n * The `nylas-list-configurations` component displays a list of scheduling pages.\n *\n * @part nlc__create-new-cta - The create new configuration CTA.\n */\n@Component({\n  tag: 'nylas-list-configurations',\n  styleUrl: 'nylas-list-configurations.scss',\n  shadow: true,\n})\nexport class NylasListConfigurations {\n  /**\n   * The host element.\n   */\n  @Element() host!: HTMLNylasListConfigurationsElement;\n\n  /**\n   * The list of configurations to display.\n   */\n  @Prop() configurations: (Configuration | GroupConfiguration)[] = [];\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The scheduler preview link to use when the user clicks on the preview button.\n   * You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.\n   */\n  @Prop({ attribute: 'scheduler-preview-link' }) schedulerPreviewLink: string = '';\n\n  /**\n   * The next cursor for list configurations, if any.\n   */\n  @Prop() listConfigurationsNextCursor?: string | null;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * Event emitted when the component is initialized.\n   */\n  @Event() initListConfigurations!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    cursor?: string;\n  }>;\n\n  /**\n   * Event emitted when the user clicks the create event button.\n   */\n  @Event() createButtonClick!: EventEmitter<HTMLNylasListConfigurationsElement>;\n\n  /**\n   * Event emitted when the user clicks the edit event button.\n   */\n  @Event() editButtonClick!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    configuration: Configuration | GroupConfiguration;\n  }>;\n\n  /**\n   * Event emitted when the user clicks the delete event button.\n   */\n  @Event() deleteButtonClick!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    configuration: Configuration | GroupConfiguration;\n  }>;\n\n  /**\n   * This event is fired when there is an error in the component.\n   */\n  @Event({ cancelable: false }) readonly nylasSchedulerError!: EventEmitter<{ notification: Notification; host: HTMLElement }>;\n\n  /**\n   * Event emitted when the user dismisses the error notification.\n   */\n  @Event({ cancelable: false }) dismissNotification!: EventEmitter<{ id: string; host: HTMLNylasListConfigurationsElement }>;\n\n  /**\n   * The current state of the component.\n   */\n  @State() private state: 'loading' | 'loaded' | 'error' = 'loading';\n\n  /**\n   * The error message to display.\n   */\n  @State() error?: {\n    message: string;\n    type: NotificationType | undefined;\n    category: ErrorCategory | undefined;\n    title: string;\n  } = {\n    message: '',\n    type: NotificationType.Error,\n    category: ErrorCategory.Component,\n    title: '',\n  };\n\n  /**\n   * Current cursor for list configurations\n   */\n  @State() currentCursor: string | null = null;\n\n  /**\n   * The list of previous cursors for list configurations\n   */\n  @State() previousCursors: string[] = [];\n\n  /**\n   * State to identiy if the next button should be disabled\n   */\n  @State() disableNextPageButton: boolean = false;\n\n  /**\n   * State to store the configuration id to delete and to show the delete confirmation modal\n   */\n  @State() deleteConfigurationId: string = '';\n\n  /**\n   * State to show Delete button loading state\n   */\n  @State() showDeleteButtonLoading: boolean = false;\n\n  /**\n   * State to show Edit button loading state\n   */\n  @State() editButtonLoadingId: string = '';\n\n  @Watch('listConfigurationsNextCursor')\n  listConfigurationsNextCursorChangedHandler(newVal: string | null, oldVal: string | null) {\n    if (!newVal || newVal === oldVal) {\n      if (newVal === null) {\n        this.disableNextPageButton = true;\n      }\n      return;\n    }\n    this.disableNextPageButton = false;\n    this.currentCursor = newVal;\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  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  connectedCallback() {\n    debug('[nylas-list-configurations]', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  componentWillLoad() {\n    debug('[nylas-list-configurations]', 'componentWillLoad');\n\n    // If we have configurations, we will set the state to loaded.\n    if (this.configurations && this.configurations.length > 0) {\n      this.state = 'loaded';\n    }\n  }\n\n  componentDidLoad() {\n    debug('[nylas-list-configurations]', 'componentDidLoad');\n\n    // Fire the init event. By default, we will fetch the configurations.\n    // This is defined in the eventToProps object in the RegisterComponent decorator.\n    this.initListConfigurations.emit({\n      host: this.host,\n    });\n  }\n\n  disconnectedCallback() {\n    debug('[nylas-list-configurations]', 'disconnectedCallback');\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  @Listen('nylasFormDropdownChanged')\n  async handleNylasFormDropdownChanged(event: CustomEvent) {\n    debug('[nylas-list-configurations]', 'handleNylasFormDropdownChanged', event.detail);\n    const { value } = event.detail;\n    const [action, index] = value.split('-');\n    event.preventDefault();\n    switch (action) {\n      case 'delete':\n        this.deleteConfigurationId = this.configurations[index]?.id;\n        break;\n      case 'preview':\n        window.open(parsePreviewLink(this.schedulerPreviewLink, this.configurations[index]), '_blank');\n        break;\n      case 'copy':\n        await navigator.clipboard.writeText(parsePreviewLink(this.schedulerPreviewLink, this.configurations[index]));\n        break;\n      default:\n        break;\n    }\n  }\n\n  @Method()\n  async registerCallback() {\n    // Fire the init event. By default, we will fetch the configurations.\n    // This is defined in the eventToProps object in the RegisterComponent decorator.\n    this.initListConfigurations.emit({\n      host: this.host,\n    });\n  }\n\n  @Method()\n  async getState() {\n    return this.state;\n  }\n\n  @Method()\n  async setState(state: 'loading' | 'loaded' | 'error') {\n    this.state = state;\n  }\n\n  @Method()\n  async setError(error: { message: string; type: NotificationType; category: ErrorCategory; title: string }) {\n    this.error = {\n      message: error.message,\n      type: error.type,\n      category: error.category,\n      title: error.title || i18next.t('genericErrorTitle'),\n    };\n    if (this.error?.message) {\n      this.showErrorNotification(this.error);\n    }\n  }\n\n  @Method()\n  async hideDeleteConfirmation() {\n    this.deleteConfigurationId = '';\n    this.showDeleteButtonLoading = false;\n  }\n\n  @Method()\n  async hideEditButtonLoading() {\n    this.editButtonLoadingId = '';\n  }\n\n  showErrorNotification(error: { message: string; type: NotificationType | undefined; category: ErrorCategory | undefined; title: string }) {\n    this.nylasSchedulerError.emit({\n      notification: {\n        id: error.message.split(' ').join('-'),\n        type: error.type || NotificationType.Error,\n        title: error.title,\n        category: error.category || ErrorCategory.Component,\n        description: error.message,\n        ttl: 'none',\n      } as Notification,\n      host: this.host,\n    });\n  }\n\n  closeModal(e: Event) {\n    e.preventDefault();\n    this.deleteConfigurationId = '';\n  }\n\n  handleConfirmDeleteButtonClicked(e: Event) {\n    e.preventDefault();\n    this.showDeleteButtonLoading = true;\n    const config = this.configurations.find(config => config.id === this.deleteConfigurationId);\n    if (config && config?.id) {\n      this.deleteButtonClick.emit({ host: this.host, configuration: config });\n    }\n  }\n\n  private getDurationString(duration: number) {\n    if (!duration) return '—';\n    const hours = Math.floor(duration / 60);\n    const minutes = duration % 60;\n    return `${hours ? hours : ''} ${hours ? `${hours > 1 ? 'hours' : 'hour'}` : ''} ${minutes ? minutes : ''} ${minutes ? `${minutes > 1 ? 'mins' : 'min'}` : ''}`;\n  }\n\n  getActionLabelHTML(action: string) {\n    const actionStyle = {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5rem',\n    };\n    const dangerStyle = {\n      color: 'var(--nylas-error)',\n    };\n    switch (action) {\n      case 'preview':\n        return (\n          <span style={actionStyle}>\n            <eye-icon width=\"16\" height=\"16\"></eye-icon>\n            {i18next.t('nylasListConfigurations.previewButtonText')}\n          </span>\n        );\n      case 'copy':\n        return (\n          <span style={actionStyle}>\n            <copy-icon width=\"16\" height=\"16\" />\n            {i18next.t('nylasListConfigurations.copyLinkButtonText')}\n          </span>\n        );\n      case 'delete':\n        return (\n          <span style={{ ...actionStyle, ...dangerStyle }}>\n            <delete-icon width=\"15\" height=\"17\"></delete-icon>\n            {i18next.t('nylasListConfigurations.deleteButtonText')}\n          </span>\n        );\n      default:\n        return '';\n    }\n  }\n\n  previousPageClickedHandler() {\n    if (this.previousCursors.length === 0) return;\n\n    this.currentCursor = this.previousCursors.pop() || null;\n    const prevCursor = this.previousCursors[this.previousCursors.length - 1] || undefined;\n    this.initListConfigurations.emit({\n      host: this.host,\n      cursor: prevCursor,\n    });\n  }\n\n  nextPageClickedHandler() {\n    if (!this.currentCursor) return;\n\n    this.previousCursors = [...this.previousCursors, this.currentCursor];\n    this.initListConfigurations.emit({\n      host: this.host,\n      cursor: this.currentCursor,\n    });\n  }\n\n  @RegisterComponent<NylasListConfigurations, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-list-configurations',\n    stateToProps: new Map([\n      ['schedulerConfig.configurations', 'configurations'],\n      ['schedulerConfig.listConfigurationsNextCursor', 'listConfigurationsNextCursor'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    localPropsToProp: new Map([['schedulerPreviewLink', 'schedulerPreviewLink']]),\n    eventToProps: {\n      initListConfigurations: async (event, connector) => {\n        const { host, cursor } = event.detail;\n        await host.setState('loading');\n        const [data, error] = await connector.schedulerConfig.getConfigurations(cursor);\n        if (!data && error && error.message) {\n          await host.setState('error');\n          await host.setError({\n            message: error.message,\n            type: NotificationType.Error,\n            category: ErrorCategory.Component,\n            title: i18next.t('nylasEditorTabs.getConfigsError'),\n          });\n          return;\n        }\n        await host.setState('loaded');\n        // setCursor here\n      },\n      createButtonClick: async (_, connector) => {\n        connector.schedulerConfigStore.resetSelectedConfiguration();\n        const enabledEventTypes = Object.entries(connector.schedulerConfigStore.state.enableEventTypes || {}).filter(([_key, value]) => value);\n        if (enabledEventTypes.length === 1) {\n          connector.schedulerConfigStore.state.action = 'create';\n          connector.schedulerConfigStore.state.selectedEventType = CONFIGURATION_EVENT_TYPE[enabledEventTypes[0][0]];\n        } else {\n          connector.schedulerConfigStore.state.action = 'create-select';\n        }\n      },\n      deleteButtonClick: async (event, connector) => {\n        const { host, configuration } = event.detail;\n        const [data, error] = await connector.schedulerConfig.deleteConfiguration(configuration.id);\n        if (!data && error && error.message) {\n          await host.setState('error');\n          await host.setError({\n            message: error.message,\n            type: NotificationType.Error,\n            category: ErrorCategory.Component,\n            title: i18next.t('nylasEditorTabs.deleteConfigError'),\n          });\n        }\n        await host.hideDeleteConfirmation();\n      },\n      editButtonClick: async (event, connector) => {\n        const { host, configuration } = event.detail;\n        if (configuration.type === 'group') {\n          const { startTime, endTime } = getCalendarRange(new Date().toISOString(), 'week');\n          connector.schedulerConfigStore.state.calendarViewDateRange = {\n            start_time: startTime.toString(),\n            end_time: endTime.toString(),\n          };\n          const [data, error] = await connector.schedulerConfig.getGroupEvents(configuration.id, configuration);\n          if (!data && error && error.message) {\n            // handle error\n            await host.setError({\n              message: error.message,\n              type: NotificationType.Error,\n              category: ErrorCategory.Component,\n              title: i18next.t('nylasEditorTabsGroup.getGroupEventsError'),\n            });\n            host.hideEditButtonLoading();\n            return;\n          }\n        }\n        connector.schedulerConfigStore.state.action = 'edit';\n        connector.schedulerConfigStore.state.selectedConfiguration = configuration;\n        host.hideEditButtonLoading();\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <nylas-notification></nylas-notification>\n        <div class=\"header\">\n          <div class=\"description\">\n            <h2>{i18next.t('allSchedulingPages')}</h2>\n            <p>{i18next.t('createAndManageSchedulingPages')}</p>\n          </div>\n          {this.configurations && this.configurations.length > 0 && (\n            <div class=\"actions\">\n              <button-component\n                part=\"nlc__create-new-cta\"\n                clickHandler={() => {\n                  this.createButtonClick.emit(this.host);\n                }}\n              >\n                {i18next.t('createNewSchedulingPageButtonText')}\n              </button-component>\n            </div>\n          )}\n        </div>\n        <div class=\"configurations\">\n          <div class=\"table-container\">\n            <table\n              class={{\n                'no-configurations': this.state !== 'loading' && (!this.configurations || this.configurations.length === 0),\n              }}\n            >\n              <tr\n                class={{\n                  hide: this.state === 'loading' || (this.configurations && this.configurations.length === 0),\n                }}\n              >\n                <th>{i18next.t('pageTitle')}</th>\n                <th>{i18next.t('durationTitle')}</th>\n                <th></th>\n              </tr>\n              {this.state === 'loading' && (\n                <tr class=\"no-configurations\">\n                  <td colSpan={3}>\n                    <div>\n                      <h3>{i18next.t('loading')}...</h3>\n                      <p>{i18next.t('loadingPagesDescription')}</p>\n                    </div>\n                  </td>\n                </tr>\n              )}\n              {this.state !== 'loading' && (!this.configurations || this.configurations.length === 0) && (\n                <tr class=\"no-configurations\">\n                  <td colSpan={3}>\n                    <div>\n                      <calendar-icon width=\"48\" height=\"48\"></calendar-icon>\n                      <h3>{i18next.t('noSchedulingPages')}</h3>\n                      <p>{i18next.t('createFirstSchedulingPage')}</p>\n                      <button-component\n                        part=\"nlc__create-new-cta\"\n                        clickHandler={() => {\n                          this.createButtonClick.emit(this.host);\n                        }}\n                      >\n                        {i18next.t('createNewSchedulingPageButtonText')}\n                      </button-component>\n                    </div>\n                  </td>\n                </tr>\n              )}\n              {this.state !== 'loading' &&\n                this.configurations?.map((config, i) => {\n                  const lastTwo = (i === this.configurations.length - 1 || i === this.configurations.length - 2) && this.configurations.length > 3;\n                  const groupConfig = config as GroupConfiguration;\n                  const regularConfig = config as Configuration;\n                  return (\n                    <tr key={config?.id}>\n                      <td>\n                        <div class=\"title\">\n                          <div class=\"config-event-title\" title={regularConfig?.event_booking?.title}>\n                            {regularConfig?.event_booking?.title || groupConfig?.name}\n                          </div>\n                          <div class={'config-event-description'}>{regularConfig?.event_booking?.description}</div>\n                        </div>\n                      </td>\n                      <td>\n                        <div class=\"duration\">{this.getDurationString(regularConfig?.availability?.duration_minutes)}</div>\n                      </td>\n                      <td>\n                        <div class=\"actions\">\n                          <button-component\n                            class=\"edit-button\"\n                            variant={'basic'}\n                            key={`edit-${i}`}\n                            disabled={this.editButtonLoadingId === `edit-${i}`}\n                            isLoading={this.editButtonLoadingId === `edit-${i}`}\n                            clickHandler={event => {\n                              event.preventDefault();\n                              this.editButtonLoadingId = `edit-${i}`;\n                              this.editButtonClick.emit({ host: this.host, configuration: config });\n                            }}\n                          >\n                            {this.editButtonLoadingId === `edit-${i}` ? null : <edit-icon width=\"16\" height=\"16\"></edit-icon>}\n                            {i18next.t('editSchedulingPageButtonText')}\n                          </button-component>\n                          <select-dropdown\n                            class={{\n                              last: lastTwo,\n                            }}\n                            name=\"actions\"\n                            options={[\n                              { value: `preview-${i}`, label: 'Preview', labelHTML: this.getActionLabelHTML('preview') },\n                              { value: `copy-${i}`, label: 'Copy link', labelHTML: this.getActionLabelHTML('copy') },\n                              { value: `delete-${i}`, label: 'Delete', labelHTML: this.getActionLabelHTML('delete') },\n                            ]}\n                            defaultSelectedOption={{ value: '', label: '' }}\n                            dropdownButtonText=\"...\"\n                            withSearch={false}\n                            withChevron={false}\n                            themeConfig={this.themeConfig}\n                            exportparts=\"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete\"\n                          ></select-dropdown>\n                        </div>\n                      </td>\n                    </tr>\n                  );\n                })}\n            </table>\n          </div>\n          <div class=\"pagination\">\n            <button class=\"arrow left\" onClick={() => this.previousPageClickedHandler()} disabled={this.previousCursors.length <= 0}>\n              <chevron-icon />\n            </button>\n            <button class=\"arrow right\" onClick={() => this.nextPageClickedHandler()} disabled={this.disableNextPageButton}>\n              <chevron-icon />\n            </button>\n          </div>\n        </div>\n        {!!this.deleteConfigurationId && (\n          <div class=\"card-wrapper\">\n            <div class=\"card-modal\">\n              <div class=\"close-button\">\n                <button-component tooltip=\"Close\" id=\"close\" variant={'invisible'} onClick={e => this.closeModal(e)} part=\"nfbf__close-button\">\n                  <close-icon />\n                </button-component>\n              </div>\n              <div class=\"header\">\n                <h2 slot=\"card-title\" part=\"nfbf__title\">\n                  {i18next.t('deleteSchedulingPageTitle')}\n                </h2>\n              </div>\n              <div class=\"description title-desc\">\n                <p>{i18next.t('deleteSchedulingPageDescription')}</p>\n              </div>\n              <div\n                class={{\n                  footer: true,\n                }}\n              >\n                <button-component variant={'basic'} onClick={e => this.closeModal(e)} part=\"nfbf__button-outline nfbf__cancel-cta\">\n                  {`${i18next.t('deleteSchedulingPageCancelButton')}`}\n                </button-component>\n                <button-component\n                  variant={'destructive'}\n                  onClick={e => this.handleConfirmDeleteButtonClicked(e)}\n                  disabled={this.showDeleteButtonLoading}\n                  isLoading={this.showDeleteButtonLoading}\n                  part=\"nfbf__button-outline nfbf__reschedule-cta\"\n                >\n                  {`${i18next.t('deleteSchedulingPageConfirmButton')}`}\n                </button-component>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-rrunpGAl.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","NotificationType","i18next"],"sources":["src/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.scss?tag=nylas-list-configurations&encapsulation=shadow","src/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/buttons' as *;\n\n:host {\n  display: grid;\n  grid-auto-flow: row;\n  width: 100%;\n  font-family: inherit;\n  font-optical-sizing: auto;\n  @include default-css-variables;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n  gap: 1rem;\n\n  @media #{$mobile} {\n    flex-direction: column;\n    gap: 0.5rem;\n    align-items: unset;\n  }\n\n  h2 {\n    margin: 0;\n    font-size: 1.25rem;\n    color: var(--nylas-base-900);\n    font-weight: 600;\n  }\n\n  p {\n    margin: 0;\n    font-size: 16px;\n    color: var(--nylas-base-700);\n  }\n\n  .actions {\n    justify-self: end;\n\n    @media #{$mobile} {\n      width: 100%;\n    }\n  }\n}\n\n.configurations {\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius-2x);\n  background: var(--nylas-base-0);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-y: hidden;\n\n  .table-container {\n    overflow-y: auto;\n    flex: 1;\n\n    @media #{$mobile} {\n      min-height: 624px; // This is to ensure the dropdowns are not cut off\n    }\n\n    table {\n      width: 100%;\n      border-spacing: 0;\n      border-collapse: collapse;\n      font-family: inherit;\n      height: max-content;\n\n      &.no-configurations {\n        height: 100%;\n      }\n\n      tr {\n        color: var(--nylas-base-800);\n        border-bottom: 1px solid var(--nylas-base-200);\n        font-family: inherit;\n\n        &.hide {\n          display: none;\n        }\n      }\n\n      th {\n        font-weight: 600;\n        text-transform: uppercase;\n        font-size: 14px;\n        line-height: 20px;\n      }\n\n      tr.no-configurations {\n        td {\n          > div {\n            display: flex;\n            height: 100%;\n            justify-content: center;\n            align-items: center;\n            flex-direction: column;\n\n            padding: var(--nylas-border-radius-3x);\n\n            h3 {\n              margin: 0 0 1rem 0;\n              color: var(--nylas-base-700);\n            }\n\n            p {\n              margin: 0 0 1rem 0;\n              color: var(--nylas-base-600);\n            }\n\n            calendar-icon {\n              margin-bottom: 1rem;\n              color: var(--nylas-base-200);\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        text-align: left;\n        padding: 1rem;\n        font-family: inherit;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: flex-end;\n        gap: 1rem;\n        text-align: right;\n        button-component.edit-button {\n          min-width: 98px;\n        }\n        @media #{$mobile} {\n          flex-direction: column;\n          gap: 0.5rem;\n        }\n\n        select-dropdown.last {\n          &::part(sd_dropdown-content) {\n            bottom: 54px;\n          }\n        }\n      }\n\n      .title {\n        width: 100%;\n        max-width: 300px;\n\n        @media #{$mobile} {\n          max-width: 96px;\n        }\n\n        div {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n\n          &.config-event-title {\n            font-weight: 600;\n          }\n\n          &.config-event-description {\n            font-size: 0.75rem;\n          }\n        }\n      }\n    }\n  }\n\n  .pagination {\n    padding: 1rem;\n    position: sticky;\n    top: 100%;\n    display: flex;\n    justify-content: flex-end;\n    gap: 0.5rem;\n    background: var(--nylas-base-0);\n    width: calc(100% - 2rem);\n    z-index: 2;\n\n    td.arrows {\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.5rem;\n    }\n\n    button {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      align-items: center;\n      height: 3vh;\n      width: 3vh;\n      min-width: 3em;\n      min-height: 3em;\n      cursor: pointer;\n      border-radius: var(--nylas-border-radius-2x);\n      border: 1px solid var(--nylas-base-300);\n\n      background-color: transparent;\n      color: var(--nylas-base-800);\n      cursor: pointer;\n\n      &:hover:not(:disabled) {\n        border: 1px solid var(--nylas-primary);\n      }\n\n      &:active {\n        border: 1px solid var(--nylas-base-800);\n      }\n\n      &:disabled {\n        border: 1px solid var(--nylas-base-100);\n        background-color: transparent;\n        color: var(--nylas-base-300);\n        cursor: not-allowed;\n      }\n\n      &.right {\n        transform: rotate(180deg);\n      }\n    }\n  }\n}\n\n.error-container {\n  margin-top: 1.5rem;\n\n  .error {\n    color: var(--nylas-error);\n    padding: 0.5rem 0;\n    margin: 1rem 0 0;\n  }\n}\n\nbutton-component#copy {\n  button {\n    width: 108px;\n  }\n}\n\nselect-dropdown {\n  width: auto;\n  color: inherit;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  display: block;\n  height: 48px;\n  padding: 0px 16px 8px;\n\n  @media #{$mobile} {\n    width: 92px;\n  }\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  width: 120px;\n  right: 0;\n}\n\nselect-dropdown::part(sd_dropdown-labelhtml) {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  color: var(--nylas-base-900);\n\n  &:hover {\n    color: var(--nylas-primary);\n  }\n}\n\n.card-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: calc(100% + 4rem);\n  width: -webkit-fill-available;\n  width: -moz-available;\n  width: fill-available;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 2;\n\n  border-radius: var(--nylas-border-radius-2x);\n\n  @media #{$mobile} {\n    justify-content: start;\n    height: 100%;\n  }\n}\n\n.card-modal {\n  background: var(--nylas-base-0);\n  display: flex;\n  flex-direction: column;\n  font-family: var(--nylas-font-family);\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-900);\n  border-radius: var(--nylas-border-radius-3x);\n  padding: 32px;\n  width: 562px;\n\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: auto;\n    border-radius: 0px;\n  }\n}\n\n.description {\n  &.title-desc {\n    margin-bottom: 2rem;\n  }\n\n  p {\n    margin: 0;\n    font-size: 18px;\n    color: var(--nylas-base-600);\n  }\n}\n\n.footer {\n  margin-top: 1rem;\n  padding-top: 1rem;\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5rem;\n  box-sizing: border-box;\n  background-color: var(--nylas-base-25);\n  width: 100%;\n  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n}\n\n.close-button {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n\n  button-component {\n    button {\n      padding: 0;\n      height: auto;\n\n      &:hover {\n        background-color: transparent !important;\n      }\n    }\n  }\n}\n\nbutton-component {\n  --dot-color: var(--nylas-base-700);\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, getCalendarRange, parsePreviewLink } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { Configuration, GroupConfiguration, Notification, NotificationType, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { CONFIGURATION_EVENT_TYPE, LANGUAGE_CODE } from '@/common/constants';\nimport { ErrorCategory } from '@/types/index';\n\n/**\n * The `nylas-list-configurations` component displays a list of scheduling pages.\n *\n * @part nlc__create-new-cta - The create new configuration CTA.\n */\n@Component({\n  tag: 'nylas-list-configurations',\n  styleUrl: 'nylas-list-configurations.scss',\n  shadow: true,\n})\nexport class NylasListConfigurations {\n  /**\n   * The host element.\n   */\n  @Element() host!: HTMLNylasListConfigurationsElement;\n\n  /**\n   * The list of configurations to display.\n   */\n  @Prop() configurations: (Configuration | GroupConfiguration)[] = [];\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The scheduler preview link to use when the user clicks on the preview button.\n   * You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.\n   */\n  @Prop({ attribute: 'scheduler-preview-link' }) schedulerPreviewLink: string = '';\n\n  /**\n   * The next cursor for list configurations, if any.\n   */\n  @Prop() listConfigurationsNextCursor?: string | null;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * Event emitted when the component is initialized.\n   */\n  @Event() initListConfigurations!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    cursor?: string;\n  }>;\n\n  /**\n   * Event emitted when the user clicks the create event button.\n   */\n  @Event() createButtonClick!: EventEmitter<HTMLNylasListConfigurationsElement>;\n\n  /**\n   * Event emitted when the user clicks the edit event button.\n   */\n  @Event() editButtonClick!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    configuration: Configuration | GroupConfiguration;\n  }>;\n\n  /**\n   * Event emitted when the user clicks the delete event button.\n   */\n  @Event() deleteButtonClick!: EventEmitter<{\n    host: HTMLNylasListConfigurationsElement;\n    configuration: Configuration | GroupConfiguration;\n  }>;\n\n  /**\n   * This event is fired when there is an error in the component.\n   */\n  @Event({ cancelable: false }) readonly nylasSchedulerError!: EventEmitter<{ notification: Notification; host: HTMLElement }>;\n\n  /**\n   * Event emitted when the user dismisses the error notification.\n   */\n  @Event({ cancelable: false }) dismissNotification!: EventEmitter<{ id: string; host: HTMLNylasListConfigurationsElement }>;\n\n  /**\n   * The current state of the component.\n   */\n  @State() private state: 'loading' | 'loaded' | 'error' = 'loading';\n\n  /**\n   * The error message to display.\n   */\n  @State() error?: {\n    message: string;\n    type: NotificationType | undefined;\n    category: ErrorCategory | undefined;\n    title: string;\n  } = {\n    message: '',\n    type: NotificationType.Error,\n    category: ErrorCategory.Component,\n    title: '',\n  };\n\n  /**\n   * Current cursor for list configurations\n   */\n  @State() currentCursor: string | null = null;\n\n  /**\n   * The list of previous cursors for list configurations\n   */\n  @State() previousCursors: string[] = [];\n\n  /**\n   * State to identiy if the next button should be disabled\n   */\n  @State() disableNextPageButton: boolean = false;\n\n  /**\n   * State to store the configuration id to delete and to show the delete confirmation modal\n   */\n  @State() deleteConfigurationId: string = '';\n\n  /**\n   * State to show Delete button loading state\n   */\n  @State() showDeleteButtonLoading: boolean = false;\n\n  /**\n   * State to show Edit button loading state\n   */\n  @State() editButtonLoadingId: string = '';\n\n  @Watch('listConfigurationsNextCursor')\n  listConfigurationsNextCursorChangedHandler(newVal: string | null, oldVal: string | null) {\n    if (!newVal || newVal === oldVal) {\n      if (newVal === null) {\n        this.disableNextPageButton = true;\n      }\n      return;\n    }\n    this.disableNextPageButton = false;\n    this.currentCursor = newVal;\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  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  connectedCallback() {\n    debug('[nylas-list-configurations]', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  componentWillLoad() {\n    debug('[nylas-list-configurations]', 'componentWillLoad');\n\n    // If we have configurations, we will set the state to loaded.\n    if (this.configurations && this.configurations.length > 0) {\n      this.state = 'loaded';\n    }\n  }\n\n  componentDidLoad() {\n    debug('[nylas-list-configurations]', 'componentDidLoad');\n\n    // Fire the init event. By default, we will fetch the configurations.\n    // This is defined in the eventToProps object in the RegisterComponent decorator.\n    this.initListConfigurations.emit({\n      host: this.host,\n    });\n  }\n\n  disconnectedCallback() {\n    debug('[nylas-list-configurations]', 'disconnectedCallback');\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  @Listen('nylasFormDropdownChanged')\n  async handleNylasFormDropdownChanged(event: CustomEvent) {\n    debug('[nylas-list-configurations]', 'handleNylasFormDropdownChanged', event.detail);\n    const { value } = event.detail;\n    const [action, index] = value.split('-');\n    event.preventDefault();\n    switch (action) {\n      case 'delete':\n        this.deleteConfigurationId = this.configurations[index]?.id;\n        break;\n      case 'preview':\n        window.open(parsePreviewLink(this.schedulerPreviewLink, this.configurations[index]), '_blank');\n        break;\n      case 'copy':\n        await navigator.clipboard.writeText(parsePreviewLink(this.schedulerPreviewLink, this.configurations[index]));\n        break;\n      default:\n        break;\n    }\n  }\n\n  @Method()\n  async registerCallback() {\n    // Fire the init event. By default, we will fetch the configurations.\n    // This is defined in the eventToProps object in the RegisterComponent decorator.\n    this.initListConfigurations.emit({\n      host: this.host,\n    });\n  }\n\n  @Method()\n  async getState() {\n    return this.state;\n  }\n\n  @Method()\n  async setState(state: 'loading' | 'loaded' | 'error') {\n    this.state = state;\n  }\n\n  @Method()\n  async setError(error: { message: string; type: NotificationType; category: ErrorCategory; title: string }) {\n    this.error = {\n      message: error.message,\n      type: error.type,\n      category: error.category,\n      title: error.title || i18next.t('genericErrorTitle'),\n    };\n    if (this.error?.message) {\n      this.showErrorNotification(this.error);\n    }\n  }\n\n  @Method()\n  async hideDeleteConfirmation() {\n    this.deleteConfigurationId = '';\n    this.showDeleteButtonLoading = false;\n  }\n\n  @Method()\n  async hideEditButtonLoading() {\n    this.editButtonLoadingId = '';\n  }\n\n  showErrorNotification(error: { message: string; type: NotificationType | undefined; category: ErrorCategory | undefined; title: string }) {\n    this.nylasSchedulerError.emit({\n      notification: {\n        id: error.message.split(' ').join('-'),\n        type: error.type || NotificationType.Error,\n        title: error.title,\n        category: error.category || ErrorCategory.Component,\n        description: error.message,\n        ttl: 'none',\n      } as Notification,\n      host: this.host,\n    });\n  }\n\n  closeModal(e: Event) {\n    e.preventDefault();\n    this.deleteConfigurationId = '';\n  }\n\n  handleConfirmDeleteButtonClicked(e: Event) {\n    e.preventDefault();\n    this.showDeleteButtonLoading = true;\n    const config = this.configurations.find(config => config.id === this.deleteConfigurationId);\n    if (config && config?.id) {\n      this.deleteButtonClick.emit({ host: this.host, configuration: config });\n    }\n  }\n\n  private getDurationString(duration: number) {\n    if (!duration) return '—';\n    const hours = Math.floor(duration / 60);\n    const minutes = duration % 60;\n    return `${hours ? hours : ''} ${hours ? `${hours > 1 ? 'hours' : 'hour'}` : ''} ${minutes ? minutes : ''} ${minutes ? `${minutes > 1 ? 'mins' : 'min'}` : ''}`;\n  }\n\n  getActionLabelHTML(action: string) {\n    const actionStyle = {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5rem',\n    };\n    const dangerStyle = {\n      color: 'var(--nylas-error)',\n    };\n    switch (action) {\n      case 'preview':\n        return (\n          <span style={actionStyle}>\n            <eye-icon width=\"16\" height=\"16\"></eye-icon>\n            {i18next.t('nylasListConfigurations.previewButtonText')}\n          </span>\n        );\n      case 'copy':\n        return (\n          <span style={actionStyle}>\n            <copy-icon width=\"16\" height=\"16\" />\n            {i18next.t('nylasListConfigurations.copyLinkButtonText')}\n          </span>\n        );\n      case 'delete':\n        return (\n          <span style={{ ...actionStyle, ...dangerStyle }}>\n            <delete-icon width=\"15\" height=\"17\"></delete-icon>\n            {i18next.t('nylasListConfigurations.deleteButtonText')}\n          </span>\n        );\n      default:\n        return '';\n    }\n  }\n\n  previousPageClickedHandler() {\n    if (this.previousCursors.length === 0) return;\n\n    this.currentCursor = this.previousCursors.pop() || null;\n    const prevCursor = this.previousCursors[this.previousCursors.length - 1] || undefined;\n    this.initListConfigurations.emit({\n      host: this.host,\n      cursor: prevCursor,\n    });\n  }\n\n  nextPageClickedHandler() {\n    if (!this.currentCursor) return;\n\n    this.previousCursors = [...this.previousCursors, this.currentCursor];\n    this.initListConfigurations.emit({\n      host: this.host,\n      cursor: this.currentCursor,\n    });\n  }\n\n  @RegisterComponent<NylasListConfigurations, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-list-configurations',\n    stateToProps: new Map([\n      ['schedulerConfig.configurations', 'configurations'],\n      ['schedulerConfig.listConfigurationsNextCursor', 'listConfigurationsNextCursor'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    localPropsToProp: new Map([['schedulerPreviewLink', 'schedulerPreviewLink']]),\n    eventToProps: {\n      initListConfigurations: async (event, connector) => {\n        const { host, cursor } = event.detail;\n        await host.setState('loading');\n        const [data, error] = await connector.schedulerConfig.getConfigurations(cursor);\n        if (!data && error && error.message) {\n          await host.setState('error');\n          await host.setError({\n            message: error.message,\n            type: NotificationType.Error,\n            category: ErrorCategory.Component,\n            title: i18next.t('nylasEditorTabs.getConfigsError'),\n          });\n          return;\n        }\n        await host.setState('loaded');\n        // setCursor here\n      },\n      createButtonClick: async (_, connector) => {\n        connector.schedulerConfigStore.resetSelectedConfiguration();\n        const enabledEventTypes = Object.entries(connector.schedulerConfigStore.state.enableEventTypes || {}).filter(([_key, value]) => value);\n        if (enabledEventTypes.length === 1) {\n          connector.schedulerConfigStore.state.action = 'create';\n          connector.schedulerConfigStore.state.selectedEventType = CONFIGURATION_EVENT_TYPE[enabledEventTypes[0][0]];\n        } else {\n          connector.schedulerConfigStore.state.action = 'create-select';\n        }\n      },\n      deleteButtonClick: async (event, connector) => {\n        const { host, configuration } = event.detail;\n        const [data, error] = await connector.schedulerConfig.deleteConfiguration(configuration.id);\n        if (!data && error && error.message) {\n          await host.setState('error');\n          await host.setError({\n            message: error.message,\n            type: NotificationType.Error,\n            category: ErrorCategory.Component,\n            title: i18next.t('nylasEditorTabs.deleteConfigError'),\n          });\n        }\n        await host.hideDeleteConfirmation();\n      },\n      editButtonClick: async (event, connector) => {\n        const { host, configuration } = event.detail;\n        if (configuration.type === 'group') {\n          const { startTime, endTime } = getCalendarRange(new Date().toISOString(), 'week');\n          connector.schedulerConfigStore.state.calendarViewDateRange = {\n            start_time: startTime.toString(),\n            end_time: endTime.toString(),\n          };\n          const [data, error] = await connector.schedulerConfig.getGroupEvents(configuration.id, configuration);\n          if (!data && error && error.message) {\n            // handle error\n            await host.setError({\n              message: error.message,\n              type: NotificationType.Error,\n              category: ErrorCategory.Component,\n              title: i18next.t('nylasEditorTabsGroup.getGroupEventsError'),\n            });\n            host.hideEditButtonLoading();\n            return;\n          }\n        }\n        connector.schedulerConfigStore.state.action = 'edit';\n        connector.schedulerConfigStore.state.selectedConfiguration = configuration;\n        host.hideEditButtonLoading();\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <nylas-notification></nylas-notification>\n        <div class=\"header\">\n          <div class=\"description\">\n            <h2>{i18next.t('allSchedulingPages')}</h2>\n            <p>{i18next.t('createAndManageSchedulingPages')}</p>\n          </div>\n          {this.configurations && this.configurations.length > 0 && (\n            <div class=\"actions\">\n              <button-component\n                part=\"nlc__create-new-cta\"\n                clickHandler={() => {\n                  this.createButtonClick.emit(this.host);\n                }}\n              >\n                {i18next.t('createNewSchedulingPageButtonText')}\n              </button-component>\n            </div>\n          )}\n        </div>\n        <div class=\"configurations\">\n          <div class=\"table-container\">\n            <table\n              class={{\n                'no-configurations': this.state !== 'loading' && (!this.configurations || this.configurations.length === 0),\n              }}\n            >\n              <tr\n                class={{\n                  hide: this.state === 'loading' || (this.configurations && this.configurations.length === 0),\n                }}\n              >\n                <th>{i18next.t('pageTitle')}</th>\n                <th>{i18next.t('durationTitle')}</th>\n                <th></th>\n              </tr>\n              {this.state === 'loading' && (\n                <tr class=\"no-configurations\">\n                  <td colSpan={3}>\n                    <div>\n                      <h3>{i18next.t('loading')}...</h3>\n                      <p>{i18next.t('loadingPagesDescription')}</p>\n                    </div>\n                  </td>\n                </tr>\n              )}\n              {this.state !== 'loading' && (!this.configurations || this.configurations.length === 0) && (\n                <tr class=\"no-configurations\">\n                  <td colSpan={3}>\n                    <div>\n                      <calendar-icon width=\"48\" height=\"48\"></calendar-icon>\n                      <h3>{i18next.t('noSchedulingPages')}</h3>\n                      <p>{i18next.t('createFirstSchedulingPage')}</p>\n                      <button-component\n                        part=\"nlc__create-new-cta\"\n                        clickHandler={() => {\n                          this.createButtonClick.emit(this.host);\n                        }}\n                      >\n                        {i18next.t('createNewSchedulingPageButtonText')}\n                      </button-component>\n                    </div>\n                  </td>\n                </tr>\n              )}\n              {this.state !== 'loading' &&\n                this.configurations?.map((config, i) => {\n                  const lastTwo = (i === this.configurations.length - 1 || i === this.configurations.length - 2) && this.configurations.length > 3;\n                  const groupConfig = config as GroupConfiguration;\n                  const regularConfig = config as Configuration;\n                  return (\n                    <tr key={config?.id}>\n                      <td>\n                        <div class=\"title\">\n                          <div class=\"config-event-title\" title={regularConfig?.event_booking?.title}>\n                            {regularConfig?.event_booking?.title || groupConfig?.name}\n                          </div>\n                          <div class={'config-event-description'}>{regularConfig?.event_booking?.description}</div>\n                        </div>\n                      </td>\n                      <td>\n                        <div class=\"duration\">{this.getDurationString(regularConfig?.availability?.duration_minutes)}</div>\n                      </td>\n                      <td>\n                        <div class=\"actions\">\n                          <button-component\n                            class=\"edit-button\"\n                            variant={'basic'}\n                            key={`edit-${i}`}\n                            disabled={this.editButtonLoadingId === `edit-${i}`}\n                            isLoading={this.editButtonLoadingId === `edit-${i}`}\n                            clickHandler={event => {\n                              event.preventDefault();\n                              this.editButtonLoadingId = `edit-${i}`;\n                              this.editButtonClick.emit({ host: this.host, configuration: config });\n                            }}\n                          >\n                            {this.editButtonLoadingId === `edit-${i}` ? null : <edit-icon width=\"16\" height=\"16\"></edit-icon>}\n                            {i18next.t('editSchedulingPageButtonText')}\n                          </button-component>\n                          <select-dropdown\n                            class={{\n                              last: lastTwo,\n                            }}\n                            name=\"actions\"\n                            options={[\n                              { value: `preview-${i}`, label: 'Preview', labelHTML: this.getActionLabelHTML('preview') },\n                              { value: `copy-${i}`, label: 'Copy link', labelHTML: this.getActionLabelHTML('copy') },\n                              { value: `delete-${i}`, label: 'Delete', labelHTML: this.getActionLabelHTML('delete') },\n                            ]}\n                            defaultSelectedOption={{ value: '', label: '' }}\n                            dropdownButtonText=\"...\"\n                            withSearch={false}\n                            withChevron={false}\n                            themeConfig={this.themeConfig}\n                            exportparts=\"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete\"\n                          ></select-dropdown>\n                        </div>\n                      </td>\n                    </tr>\n                  );\n                })}\n            </table>\n          </div>\n          <div class=\"pagination\">\n            <button class=\"arrow left\" onClick={() => this.previousPageClickedHandler()} disabled={this.previousCursors.length <= 0}>\n              <chevron-icon />\n            </button>\n            <button class=\"arrow right\" onClick={() => this.nextPageClickedHandler()} disabled={this.disableNextPageButton}>\n              <chevron-icon />\n            </button>\n          </div>\n        </div>\n        {!!this.deleteConfigurationId && (\n          <div class=\"card-wrapper\">\n            <div class=\"card-modal\">\n              <div class=\"close-button\">\n                <button-component tooltip=\"Close\" id=\"close\" variant={'invisible'} onClick={e => this.closeModal(e)} part=\"nfbf__close-button\">\n                  <close-icon />\n                </button-component>\n              </div>\n              <div class=\"header\">\n                <h2 slot=\"card-title\" part=\"nfbf__title\">\n                  {i18next.t('deleteSchedulingPageTitle')}\n                </h2>\n              </div>\n              <div class=\"description title-desc\">\n                <p>{i18next.t('deleteSchedulingPageDescription')}</p>\n              </div>\n              <div\n                class={{\n                  footer: true,\n                }}\n              >\n                <button-component variant={'basic'} onClick={e => this.closeModal(e)} part=\"nfbf__button-outline nfbf__cancel-cta\">\n                  {`${i18next.t('deleteSchedulingPageCancelButton')}`}\n                </button-component>\n                <button-component\n                  variant={'destructive'}\n                  onClick={e => this.handleConfirmDeleteButtonClicked(e)}\n                  disabled={this.showDeleteButtonLoading}\n                  isLoading={this.showDeleteButtonLoading}\n                  part=\"nfbf__button-outline nfbf__reschedule-cta\"\n                >\n                  {`${i18next.t('deleteSchedulingPageConfirmButton')}`}\n                </button-component>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BUp6TlwK.js → p-tVUFrM9G.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-Bht9ktsW.js';
 import { R as RegisterComponent } from './p-CwtW7XIp.js';
 import { a as debug, b as instance } from './p-B5ZLsN-l.js';
-import { d as defineCustomElement$6 } from './p-BaI67hQ_.js';
-import { d as defineCustomElement$5 } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$4 } from './p-DnRMuXBv.js';
-import { d as defineCustomElement$3 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$2 } from './p-idvnK5Rl.js';
-import { d as defineCustomElement$1 } from './p-Hj9jbKPX.js';
+import { d as defineCustomElement$6 } from './p-ao6VxuAL.js';
+import { d as defineCustomElement$5 } from './p-d3kelm3z.js';
+import { d as defineCustomElement$4 } from './p-6A8ylLCU.js';
+import { d as defineCustomElement$3 } from './p-DBHtQK2b.js';
+import { d as defineCustomElement$2 } from './p-wphqTozF.js';
+import { d as defineCustomElement$1 } from './p-DxDoo-4C.js';
 
 const nylasParticipantBookingCalendarsCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-participant-booking-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}.nylas-participant-booking-calendars .header{padding:1rem}.nylas-participant-booking-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participant-booking-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-participant-booking-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.nylas-participant-booking-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-participant-booking-calendars .content .participant-container .participant-title p{margin:0}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-booking-calendar-picker::part(nbcp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}";
 
@@ -43,16 +43,21 @@ const NylasParticipantBookingCalendars = proxyCustomElement(class NylasParticipa
     }
     calendarsChangedHandler(newValue) {
         debug('nylas-participant-booking-calendars', 'calendarsChangedHandler', newValue);
-        this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);
+        const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];
+        this.selectedCalendars = this.setParticipants(participants);
+        this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);
     }
     participantsChangedHandler(newValue) {
         debug('nylas-participant-booking-calendars', 'participantsChangedHandler', newValue);
-        this.selectedCalendars = this.setParticipants(newValue);
-        this.participantCalendars = this.getParticipantCalendarOptions(newValue, this.participantOptions);
+        const participants = newValue?.length > 0 ? newValue : this.selectedConfiguration?.participants || [];
+        this.selectedCalendars = this.setParticipants(participants);
+        this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);
     }
     participantOptionsChangedHandler(newValue) {
         debug('nylas-calendar-picker', 'participantOptionsChangedHandler', newValue);
-        this.participantCalendars = this.getParticipantCalendarOptions(this.participants, newValue);
+        const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];
+        this.selectedCalendars = this.setParticipants(participants);
+        this.participantCalendars = this.getParticipantCalendarOptions(participants, newValue);
     }
     selectedConfigurationChangedHandler(newValue) {
         debug('nylas-participant-booking-calendars', 'selectedConfigurationChangedHandler', newValue);
@@ -96,7 +101,7 @@ const NylasParticipantBookingCalendars = proxyCustomElement(class NylasParticipa
             });
             remainingParticipants?.forEach(participant => {
                 if (participant?.booking?.calendar_id) {
-                    participantCalendars[participant.email] = this.calendars ?? [{ id: 'primary', name: participant.email }];
+                    participantCalendars[participant.email] = [{ id: participant.booking.calendar_id, name: participant.booking.calendar_id }];
                     this.participantDefaultSelectedCalendar[participant.email] = participant?.booking?.calendar_id ?? 'primary';
                 }
             });
@@ -133,6 +138,14 @@ const NylasParticipantBookingCalendars = proxyCustomElement(class NylasParticipa
             this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);
         }
     }
+    componentWillRender() {
+        const hasParticipantData = (this.selectedConfiguration?.participants?.length ?? 0) > 0 || (this.participants?.length ?? 0) > 0;
+        if (Object.keys(this.participantCalendars).length === 0 && hasParticipantData) {
+            const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];
+            this.selectedCalendars = this.setParticipants(participants);
+            this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);
+        }
+    }
     handleValueChanged(event) {
         debug('[nylas-editor-tabs]', 'handleValueChanged', event);
         const { name, value } = event.detail;
@@ -173,7 +186,7 @@ const NylasParticipantBookingCalendars = proxyCustomElement(class NylasParticipa
         return selectedParticipants;
     }
     render() {
-        return (h(Host, { key: '881baa2dc024e9315f3b7a695fecc2db96f601cf' }, h("div", { key: '0833b59bb4bcce5f8528123cb7a74f5233971e8a', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: '3968f9c899e804132fc6794b1d7a6c625601dd6e', class: "header", part: "npbc__header" }, h("h3", { key: '51afd2665153e6132490cbc1f21b5e0c9b7704ac' }, instance.t('nylasParticipantBookingCalendars.headerTitle')), h("p", { key: '5f2f2b5462f54795bd3decc918a9f89a4c0bdcc5' }, instance.t('nylasParticipantBookingCalendars.headerSubTitle'))), h("div", { key: '747e27d3a8c9c66deae99997f7df7818cd3ab368', class: "content", part: "npbc__content" }, h("form", { key: '517006e5f2222ebf202834b8559b4ef894f79e97', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
+        return (h(Host, { key: 'aed4992ada5a6cc8aa0adcd76dbfe67733151768' }, h("div", { key: '31004253bece1b2dccfb20d2b178ea921afdddce', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: 'fbbef3595b6f94d6dbcad4cbbf87732e347e32b4', class: "header", part: "npbc__header" }, h("h3", { key: '35c67d4650851e43faa487bd3ace87af31893e75' }, instance.t('nylasParticipantBookingCalendars.headerTitle')), h("p", { key: '339ad695244e052f61e718e10606d6e1ef3663db' }, instance.t('nylasParticipantBookingCalendars.headerSubTitle'))), h("div", { key: 'b9a31e2a118e7a4c9468accce2a5c8e39fd2def2', class: "content", part: "npbc__content" }, h("form", { key: '34b0d0ec38f9beb6bd0e17979c39855634c23a56', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
             Object.keys(this.participantCalendars).map((key, index) => {
                 const participant = this.selectedCalendars[key];
                 const participantCalendars = this.participantCalendars[key];
@@ -221,9 +234,9 @@ __decorate([
     RegisterComponent({
         name: 'nylas-participant-booking-calendars',
         stateToProps: new Map([
-            ['schedulerConfig.additionalParticipants', 'participantOptions'],
-            ['schedulerConfig.calendars', 'calendars'],
             ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],
+            ['schedulerConfig.calendars', 'calendars'],
+            ['schedulerConfig.additionalParticipants', 'participantOptions'],
             ['schedulerConfig.selectedLanguage', 'selectedLanguage'],
             ['schedulerConfig.themeConfig', 'themeConfig'],
         ]),
@@ -279,6 +292,6 @@ function defineCustomElement() {
 }
 
 export { NylasParticipantBookingCalendars as N, defineCustomElement as d };
-//# sourceMappingURL=p-BUp6TlwK.js.map
+//# sourceMappingURL=p-tVUFrM9G.js.map
 
-//# sourceMappingURL=p-BUp6TlwK.js.map
+//# sourceMappingURL=p-tVUFrM9G.js.map

package/dist/components/p-tVUFrM9G.js.map

@@ -0,0 +1 @@
+{"file":"p-tVUFrM9G.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-participant-booking-calendars/nylas-participant-booking-calendars.scss?tag=nylas-participant-booking-calendars&encapsulation=shadow","src/components/scheduler-editor/nylas-participant-booking-calendars/nylas-participant-booking-calendars.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\n.nylas-participant-booking-calendars {\n  width: inherit;\n  display: flex;\n  flex-direction: column;\n  margin: 1rem;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1px solid var(--nylas-base-200);\n  color: var(--nylas-base-900);\n\n  .header {\n    padding: 1rem;\n\n    h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      color: var(--nylas-base-900);\n      text-align: left;\n    }\n\n    p {\n      margin: 0.25rem 0 0 0;\n      font-size: 0.875rem;\n      font-weight: 400;\n      line-height: 20px;\n      color: var(--nylas-base-600);\n      text-align: left;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n\n  .content {\n    .participant-container {\n      padding-top: 12px;\n      border-top: 1px solid var(--nylas-base-200);\n      background-color: var(--nylas-base-25);\n\n      .participant-title {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 4px 16px 16px;\n\n        p {\n          margin: 0;\n        }\n\n        .participant-toggle {\n          display: flex;\n          gap: 24px;\n          align-items: center;\n\n          .chevron {\n            display: flex;\n            align-self: center;\n            cursor: pointer;\n\n            &:hover,\n            &:active {\n              color: var(--nylas-primary);\n            }\n\n            &.open {\n              transform: rotate(90deg);\n            }\n\n            &.closed {\n              transform: rotate(270deg);\n            }\n\n            &.disabled {\n              cursor: not-allowed;\n              color: var(--nylas-base-300);\n\n              &:hover {\n                color: var(--nylas-base-300);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nnylas-booking-calendar-picker::part(nbcp) {\n  margin: 0;\n  border: none;\n  border-top: 1px solid var(--nylas-base-200);\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { AdditionalParticipant, Calendar, Configuration, Participant, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.\n *\n * @part npbc - The participant booking calendars host.\n * @part npbc__header - The header.\n * @part npbc__content - The content.\n * @part npbc__participant-container - The participant container.\n * @part npbc__participant-title - The participant title.\n * @part npbc__participant-toggle-container - The participant toggle container.\n */\n@Component({\n  tag: 'nylas-participant-booking-calendars',\n  styleUrl: 'nylas-participant-booking-calendars.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasParticipantBookingCalendars {\n  @Element() host!: HTMLNylasParticipantBookingCalendarsElement;\n  private bookingCalendarsFormRef!: HTMLFormElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n  /**\n   * @standalone\n   * The name of the participants custom availability.\n   */\n  @Prop() name: string = 'participant-booking-calendars';\n\n  /**\n   * @standalone\n   * The participants selected in the add participants section.\n   */\n  @Prop() participants: Participant[] = this.selectedConfiguration?.participants || [];\n\n  /**\n   * @standalone\n   * The calendars to choose from for the organizer / logged in user.\n   */\n  @Prop() calendars?: Calendar[];\n\n  /**\n   * @standalone\n   * The participant options passed in the additionalParticipants prop\n   * from the nylas-scheduler-editor component.\n   */\n  @Prop() participantOptions?: AdditionalParticipant[];\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   * This event is fired when the participants custom availability changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The state to store the custom availability setting for participants.\n   */\n  @State() selectedCalendars: {\n    [key: string]: {\n      isOpen: boolean;\n      name: string;\n      calendar?: Calendar;\n    };\n  } = this.setParticipants(this.participants);\n\n  /**\n   * Participants calendar options.\n   */\n  @State() participantCalendars: {\n    [key: string]: Calendar[];\n  } = {};\n\n  /**\n   * The state to store the default selected calendars for each participant\n   */\n  @State() participantDefaultSelectedCalendar: {\n    [key: string]: string;\n  } = {};\n\n  // Watchers\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-participant-booking-calendars', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('calendars')\n  calendarsChangedHandler(newValue: Calendar[]) {\n    debug('nylas-participant-booking-calendars', 'calendarsChangedHandler', newValue);\n    const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];\n    this.selectedCalendars = this.setParticipants(participants);\n    this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n  }\n\n  @Watch('participants')\n  participantsChangedHandler(newValue: Participant[]) {\n    debug('nylas-participant-booking-calendars', 'participantsChangedHandler', newValue);\n    const participants = newValue?.length > 0 ? newValue : this.selectedConfiguration?.participants || [];\n    this.selectedCalendars = this.setParticipants(participants);\n    this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n  }\n\n  @Watch('participantOptions')\n  participantOptionsChangedHandler(newValue: AdditionalParticipant[]) {\n    debug('nylas-calendar-picker', 'participantOptionsChangedHandler', newValue);\n    const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];\n    this.selectedCalendars = this.setParticipants(participants);\n    this.participantCalendars = this.getParticipantCalendarOptions(participants, newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-participant-booking-calendars', 'selectedConfigurationChangedHandler', newValue);\n    const participants = newValue?.participants || this.participants;\n    if (participants && participants.length > 0) {\n      this.selectedCalendars = this.setParticipants(participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n    }\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  @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.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  getParticipantCalendarOptions(addedParticipants: Participant[], availableParticipantOptions: AdditionalParticipant[] | undefined) {\n    // Get the participants from the availableParticipantOptions prop that are in the addedParticipants prop\n    const organizer = addedParticipants?.find(participant => participant.is_organizer);\n    const participantCalendars = {};\n    const showAdditionalParticipantBookingCalendars = this.selectedConfiguration?.availability?.availability_rules?.availability_method !== 'collective';\n    if (availableParticipantOptions && showAdditionalParticipantBookingCalendars) {\n      const participants = addedParticipants?.filter(participant => availableParticipantOptions.some(availableParticipant => availableParticipant.email === participant.email));\n      const remainingParticipants = addedParticipants?.filter(\n        participant => !availableParticipantOptions.some(availableParticipant => availableParticipant.email === participant.email),\n      );\n\n      // Get the calendar options for each participant with email as the key\n      participants?.forEach(participant => {\n        const participantOption = availableParticipantOptions?.find(participantOption => participantOption.email === participant.email);\n        if (!participantOption) return;\n        this.participantDefaultSelectedCalendar[participant.email] = participant.booking?.calendar_id ?? 'primary';\n        const calendars = participantOption.calendars ?? [];\n        participantCalendars[participant.email] = calendars;\n      });\n      // If it is round robin config, add the remaining participant calendars to the participantCalendars\n      // (Round-robin does not have an organizer, and we filtered out the participants not passed in the participantOptions prop,\n      // so we need to add the remaining participants calendars to the participantCalendars)\n      // NOTE: Only use participant's own booking calendar_id as a placeholder — never fall back to this.calendars\n      // (the organizer's calendars) as that would be confusing / incorrect.\n      remainingParticipants?.forEach(participant => {\n        if (participant?.booking?.calendar_id) {\n          participantCalendars[participant.email] = [{ id: participant.booking.calendar_id, name: participant.booking.calendar_id }];\n          this.participantDefaultSelectedCalendar[participant.email] = participant?.booking?.calendar_id ?? 'primary';\n        }\n      });\n    }\n    // Add the organizer's calendars to the participantCalendars\n    if (organizer) {\n      participantCalendars[organizer.email] = this.calendars ?? [{ id: 'primary', name: organizer.email }];\n      this.participantDefaultSelectedCalendar[organizer.email] = organizer?.booking?.calendar_id ?? 'primary';\n    }\n    return participantCalendars;\n  }\n\n  // Lifecycle Methods\n  connectedCallback() {\n    debug('nylas-participant-booking-calendars', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-participant-booking-calendars', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-participant-booking-calendars', 'componentWillLoad');\n  }\n\n  componentDidLoad() {\n    debug('nylas-participant-booking-calendars', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedCalendars = this.setParticipants(this.selectedConfiguration?.participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(this.selectedConfiguration?.participants, this.participantOptions);\n    } else {\n      this.selectedCalendars = this.setParticipants(this.participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);\n    }\n  }\n\n  componentWillRender() {\n    // Safety net: if participantCalendars is empty but we have the necessary data, recompute.\n    // This handles race conditions where store props arrive in an order that leaves state empty.\n    const hasParticipantData = (this.selectedConfiguration?.participants?.length ?? 0) > 0 || (this.participants?.length ?? 0) > 0;\n    if (Object.keys(this.participantCalendars).length === 0 && hasParticipantData) {\n      const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];\n      this.selectedCalendars = this.setParticipants(participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n    }\n  }\n\n  @Listen('valueChanged')\n  handleValueChanged(event: CustomEvent) {\n    debug('[nylas-editor-tabs]', 'handleValueChanged', event);\n    const { name, value } = event.detail;\n    if (!name.startsWith('participant-booking-')) {\n      return;\n    }\n    // Validate the form\n    if (!this.bookingCalendarsFormRef.checkValidity()) {\n      this.internals.setValidity({ customError: true }, i18next.t('nylasParticipantBookingCalendars.selectAtLeastOneCalendar'));\n      return;\n    } else {\n      this.internals.setValidity({});\n    }\n\n    const key = name.split('participant-booking-')[1];\n    if (!this.selectedCalendars[key]) return;\n    this.selectedCalendars[key]['calendar'] = value;\n    this.selectedCalendars = { ...this.selectedCalendars };\n\n    const participantsCalendars = {};\n    Object.keys(this.selectedCalendars).forEach(key => {\n      participantsCalendars[key] = this.selectedCalendars[key]?.calendar;\n    });\n    this.internals.setFormValue(JSON.stringify(participantsCalendars), this.name);\n    this.valueChanged.emit({ value: JSON.stringify(participantsCalendars), name: this.name });\n  }\n\n  setParticipants(participants: Participant[]) {\n    const selectedParticipants = {};\n    participants?.forEach(participant => {\n      if (participant?.booking?.calendar_id) {\n        const isOpen = participant.is_organizer ? true : false;\n        selectedParticipants[participant.email] = {\n          isOpen: isOpen,\n          calendar: participant.booking?.calendar_id || 'primary',\n          name: participant.name || participant.email,\n        };\n      }\n    });\n    return selectedParticipants;\n  }\n  @RegisterComponent<NylasParticipantBookingCalendars, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-participant-booking-calendars',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.calendars', 'calendars'],\n      ['schedulerConfig.additionalParticipants', 'participantOptions'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-participant-booking-calendars\" part=\"npbc\">\n          <div class=\"header\" part=\"npbc__header\">\n            <h3>{i18next.t('nylasParticipantBookingCalendars.headerTitle')}</h3>\n            <p>{i18next.t('nylasParticipantBookingCalendars.headerSubTitle')}</p>\n          </div>\n          <div class=\"content\" part=\"npbc__content\">\n            <form ref={el => (this.bookingCalendarsFormRef = el as HTMLFormElement)}>\n              {this.participantCalendars &&\n                Object.keys(this.participantCalendars).map((key, index) => {\n                  const participant = this.selectedCalendars[key];\n                  const participantCalendars = this.participantCalendars[key];\n\n                  if (!participant || !participant.name) return;\n                  return (\n                    <div class=\"participant-container\" part=\"npbc__participant-container\" key={`participant-conatiner-${index}`}>\n                      <div class=\"participant-title\" part=\"npbc__participant-title\">\n                        <p>{i18next.t('nylasParticipantBookingCalendars.participantBookingCalendarTitle', { participantName: participant.name })}</p>\n                        <div class=\"participant-toggle\" part=\"npbc__participant-toggle-container\">\n                          <span\n                            class={`chevron ${participant.isOpen ? 'open' : 'closed'}`}\n                            onClick={() => {\n                              this.selectedCalendars[key].isOpen = !participant.isOpen;\n                              this.selectedCalendars = { ...this.selectedCalendars };\n                            }}\n                          >\n                            <chevron-icon width=\"24\" height=\"24\" />\n                          </span>\n                        </div>\n                      </div>\n                      {participant.isOpen && (\n                        <nylas-booking-calendar-picker\n                          key={key}\n                          name={`participant-booking-${key}`}\n                          calendars={participantCalendars}\n                          hideHeader={true}\n                          defaultBookingCalendar={this.participantDefaultSelectedCalendar[key]}\n                        />\n                      )}\n                    </div>\n                  );\n                })}\n            </form>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-idvnK5Rl.js → p-wphqTozF.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-Bht9ktsW.js';
-import { d as defineCustomElement$2 } from './p-BaI67hQ_.js';
-import { d as defineCustomElement$1 } from './p-BGfs-kGd.js';
+import { d as defineCustomElement$2 } from './p-ao6VxuAL.js';
+import { d as defineCustomElement$1 } from './p-DBHtQK2b.js';
 
 const selectDropdownCss = ":host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;word-break:break-word;overflow-wrap:break-word;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px;color:inherit}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1);scrollbar-width:thin;scrollbar-color:var(--nylas-base-300) var(--nylas-base-50)}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:var(--nylas-base-50);border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--nylas-base-300);border-radius:4px;transition:background-color 0.2s ease}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--nylas-base-400)}.dropdown-content::-webkit-scrollbar-thumb:active{background:var(--nylas-base-500)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid var(--nylas-base-200);border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px;color:var(--nylas-base-800)}";
 
@@ -214,11 +214,11 @@ const SelectDropdown = proxyCustomElement(class SelectDropdown extends H {
     }
     render() {
         const buttonText = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-        return (h("div", { key: '6f974060e4e092ab163d8cba8d13beed4c80ee6c', class: "dropdown", part: "sd_dropdown" }, h("label", { key: '47bf2db1b675fcb25ba723509d4ee2f6b6873b3e', part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && (h("p", { key: '3202c4809f7b33363d27d995620a2923d4fbd5b1' }, h("span", { key: 'a8b6b7fd5cb9d3dddf5d6cc69f7b4cd39f159555', class: "label" }, this.label), this.required && h("span", { key: 'bd2c064c68d81b3a8d21efb2e0fa5059c45dfa4b', class: "required" }, "*"))), h("button", { key: 'f2ba9d78534eb655a25a055d525a26d980741f2e', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? 'read-only field' : buttonText, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: '6709c73804aac1b22effc765bb25c47a7bfbdf92', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '0f2d118a3d3b9c6b7a98a52a4767293fd184ea23', class: "selected-option", part: "sd_dropdown-button-selected-label" }, buttonText), this.withChevron && (h("span", { key: '3eee942a71eb7cb6c28b675ab6fd02b6d7c2a04b', class: {
+        return (h("div", { key: '4170e7e434aab1c475f71321a491af7aaf7dfa3f', class: "dropdown", part: "sd_dropdown" }, h("label", { key: '52383728e0c4b7110468f087f6611b0949193b0c', part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && (h("p", { key: 'acd17dc97d25bcf6d1fedd2a41e22c2f0387d698' }, h("span", { key: '95deadc9b2fa5b228aecedf5228253acf7c26f68', class: "label" }, this.label), this.required && h("span", { key: '6bc582f2f27e4eb882ab83c65e28ce2f9c4f0c35', class: "required" }, "*"))), h("button", { key: 'e5312a988b2249327771e1f909945c9dfe972e43', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? 'read-only field' : buttonText, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: 'fdeec054aeed485f92c47eed1fccaee493cd3ad1', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '1e4a3a45f952d1504c25638b51bab2c6785cb870', class: "selected-option", part: "sd_dropdown-button-selected-label" }, buttonText), this.withChevron && (h("span", { key: '1fb55d995640262e24b3466ebfab75c5f14a44f2', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, h("chevron-icon", { key: 'd9024867805061ae81e052dc72432f9143073f85', width: "16", height: "16" })))), this.error && h("span", { key: 'b4085dac463b6efb94b1555b0effe7ab33dc6f97', class: "error help-text" }, this.error)), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => option.value.toString() ? (h("li", { tabindex: "0", key: option.value, id: option.value, part: `${this.name}-${option.label}`, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? h("div", { part: "sd_dropdown-labelhtml" }, option.labelHTML) : option.label)) : null)))) : null));
+            }, "aria-hidden": "true" }, h("chevron-icon", { key: '7634b5110dfa9cb30d2cf08697d5e97be9187bd2', width: "16", height: "16" })))), this.error && h("span", { key: '616f39cb394df4ce568353753c9a962f5ed06efa', class: "error help-text" }, this.error)), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => option.value.toString() ? (h("li", { tabindex: "0", key: option.value, id: option.value, part: `${this.name}-${option.label}`, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? h("div", { part: "sd_dropdown-labelhtml" }, option.labelHTML) : option.label)) : null)))) : null));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -278,6 +278,6 @@ function defineCustomElement() {
 }
 
 export { SelectDropdown as S, defineCustomElement as d };
-//# sourceMappingURL=p-idvnK5Rl.js.map
+//# sourceMappingURL=p-wphqTozF.js.map
 
-//# sourceMappingURL=p-idvnK5Rl.js.map
+//# sourceMappingURL=p-wphqTozF.js.map