npm - @nylas/web-elements - Versions diffs - 2.4.1 → 2.5.0-canary-20260306042320 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (758) hide show

package/dist/components/{p-Ba5u-TNq.js → p-CWWiQA0c.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 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 { b as instance, a as debug } from './p-B5ZLsN-l.js';
-import { d as defineCustomElement$3 } from './p-Dvm3cFRX.js';
-import { d as defineCustomElement$2 } from './p-CZF2moAV.js';
-import { d as defineCustomElement$1 } from './p-hYRQCAHR.js';
+import { d as defineCustomElement$3 } from './p-BVH0Klhu.js';
+import { d as defineCustomElement$2 } from './p-C4BZ4XFc.js';
+import { d as defineCustomElement$1 } from './p-C7ZpwRD0.js';
 const nylasConfirmedEventCardCss = ":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}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}";
@@ -75,7 +75,7 @@ const NylasConfirmedEventCard = proxyCustomElement(class NylasConfirmedEventCard
         }
     }
     render() {
-        return (h(Host, { key: 'adc59f40f05bde5d7f23052bffc2458f08fd5b2a', part: "ncec" }, h("div", { key: 'bf8103029313867ad990ad62d32a6d2aab423e64', class: "nylas-confirmed-event-card", part: "ncec__card" }, h("div", { key: 'b8f2acbf05c4e0cd3fac15bd64f6b27d98afa16f', class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, h("calendar-check-icon", { key: 'e54136d0b4e51fa8ad47327763d591f09746bee3' })), h("h3", { key: 'b98284293d51dbd27e129988353e71d671bd3cda', class: "nylas-confirmed-event-card__title", part: "ncec__title" }, instance.t('confirmedEventCardTitle'), "!"), h("div", { key: 'c1960451c846f49007432e830ec7d27a5e7cd5ba', class: "nylas-confirmed-event-card__description", part: "ncec__description" }, instance.t('confirmedEventCardDescription'), " ", this.configSettings?.organizer?.name || 'the participants', "."), h("div", { key: 'c45fd2f72c11793921dcc18b48bc9337ab7ba0f6', class: "nylas-confirmed-event-card__cta" }, h("button-component", { key: 'e99ab896ff1b035414f1f9523e6d1568e6b5e148', variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${instance.t('closingButton')}...` : `${instance.t('closeButton')}`)))));
+        return (h(Host, { key: '76f1b3e9f1f38f98b11808acd845cea099f10223', part: "ncec" }, h("div", { key: '085d1a46ab1f1d986b2ca454d989a0770b1f8c67', class: "nylas-confirmed-event-card", part: "ncec__card" }, h("div", { key: 'c9d42408c34ea6c8bc39f289488b03db26aa1b88', class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, h("calendar-check-icon", { key: 'cfae4efe72082379567091dc5fdb83981111af5d' })), h("h3", { key: '6f2e3d0535beee3887c21f382d94016f3cad301d', class: "nylas-confirmed-event-card__title", part: "ncec__title" }, instance.t('confirmedEventCardTitle'), "!"), h("div", { key: '0ab84148b9b86e5d819ce8948626efdd9c55c6a0', class: "nylas-confirmed-event-card__description", part: "ncec__description" }, instance.t('confirmedEventCardDescription'), " ", this.configSettings?.organizer?.name || 'the participants', "."), h("div", { key: 'a039be95fd6c8f091aba58cef0a2a30ef612fc75', class: "nylas-confirmed-event-card__cta" }, h("button-component", { key: '3b41b368d4ada663a8bcf0956514fc186a5e12b4', variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${instance.t('closingButton')}...` : `${instance.t('closeButton')}`)))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -146,6 +146,6 @@ function defineCustomElement() {
 }
 export { NylasConfirmedEventCard as N, defineCustomElement as d };
-//# sourceMappingURL=p-Ba5u-TNq.js.map
+//# sourceMappingURL=p-CWWiQA0c.js.map
-//# sourceMappingURL=p-Ba5u-TNq.js.map
+//# sourceMappingURL=p-CWWiQA0c.js.map

package/dist/components/{p-Ba5u-TNq.js.map → p-CWWiQA0c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Ba5u-TNq.js","mappings":";;;;;;;AAAA,MAAM,0BAA0B,GAAG,mzGAAmzG;;;;;;;;;;;;;;;;MCwBz0G,uBAAuB,GAAAA,kBAAA,CAAA,MAAA,uBAAA,SAAAC,CAAA,CAAA;AALpC,IAAA,WAAA,GAAA;;;;;;AAqCW,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AA0D3B,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;AAChC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,YAAA,MAAM,YAAY,GAAG,CAAC,KAAkC,KAAI;AAC1D,gBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC;AACxC,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACxB,aAAC;YACD,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;AAC1D,SAAC;AA2CF;AA/FC,IAAA,kBAAkB,CAAC,cAA2B,EAAA;AAC5C,QAAA,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC;;IAIvC,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAC,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAGhC,iBAAiB,GAAA;QACf,KAAK,CAAC,CAAkD,gDAAA,CAAA,CAAC;QAGzD,cAAc,CAAC,MAAK;AAClB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;;AAE7C,SAAC,CAAC;;AAGJ,IAAA,MAAM,iBAAiB,GAAA;QACrB,KAAK,CAAC,CAAkD,gDAAA,CAAA,CAAC;;AAG3D,IAAA,MAAM,gBAAgB,GAAA;QACpB,KAAK,CAAC,CAAiD,+CAAA,CAAA,CAAC;AACxD,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,KAAK,CAAC,CAAuG,qGAAA,CAAA,CAAC;;;IAIlH,oBAAoB,GAAA;QAClB,KAAK,CAAC,CAAqD,mDAAA,CAAA,CAAC;;AAG9D,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAiClD,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,EAAA,EACvD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2CAA2C,EAAC,IAAI,EAAC,YAAY,EAAA,EACtE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAuB,CACnB,EACN,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,mCAAmC,EAAC,IAAI,EAAC,aAAa,EAAA,EAC7DA,QAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAClC,GAAA,CAAA,EACL,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,yCAAyC,EAAC,IAAI,EAAC,mBAAmB,EAAA,EAC1EA,QAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,OAAG,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,IAAI,kBAAkB,EACpG,GAAA,CAAA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC1C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,sBAAsB,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EACrH,EAAA,IAAI,CAAC,SAAS,GAAG,CAAG,EAAAA,QAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA,GAAA,CAAK,GAAG,CAAA,EAAGA,QAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA,CAAE,CACnE,CACf,CACF,CACD;;;;;;;;;;;;;;;;;;AAnBX,UAAA,CAAA;AAnBC,IAAA,iBAAiB,CAAkG;AAClH,QAAA,IAAI,EAAE,4BAA4B;QAClC,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,0BAA0B,EAAE,gBAAgB,CAAC;YAC9C,CAAC,uBAAuB,EAAE,aAAa,CAAC;YACxC,CAAC,4BAA4B,EAAE,kBAAkB,CAAC;SACnD,CAAC;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,4BAA4B,EAAE,OAAO,CAA+E,EAAE,uBAAgD,KAAI;gBACxK,MAAM,MAAM,GAAG,MAAM,uBAAuB,CAAC,SAAS,CAAC,YAAY,EAAE;AAErE,gBAAA,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM;gBACjC,IAAI,YAAY,KAAK,CAAC,MAAM,IAAI,OAAO,IAAI,MAAM,CAAC,EAAE;oBAClD,YAAY,CAAC,MAAM,CAAC;;aAEvB;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAsBD,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.scss?tag=nylas-confirmed-event-card&encapsulation=shadow","src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n}\n\n.nylas-confirmed-event-card {\n height: inherit;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n font-family: var(--nylas-font-family);\n width: 400px;\n\n background-color: var(--nylas-base-0);\n color: var(--nylas-base-800);\n border-radius: var(--nylas-border-radius-2x);\n padding: 1.5rem;\n position: relative;\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: inherit;\n }\n}\n\n.nylas-confirmed-event-card__title {\n font-size: 18px;\n font-weight: 600;\n line-height: 24px;\n color: var(--nylas-base-900);\n text-align: center;\n}\n\n.nylas-confirmed-event-description {\n font-size: 16px;\n font-weight: 500;\n color: var(--nylas-base-600);\n}\n\n.nylas-confirmed-event-card__calendar-icon {\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n position: absolute;\n top: -1.25rem;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--nylas-base-0);\n border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-confirmed-event-card__cta {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-top: 1rem;\n}\n\ncalendar-check-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\nbutton-component {\n width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { LANGUAGE_CODE, NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { ThemeConfig } from '@nylas/core';\n\n/\n The `nylas-confirmed-event-card` component is a UI component that displays the confirmed event card.\n \n @part ncec - The confirmed event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the confirmed event card.\n * @part ncec__description - The description of the confirmed event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The confirmed event card.\n /\n@Component({\n tag: 'nylas-confirmed-event-card',\n styleUrl: 'nylas-confirmed-event-card.scss',\n shadow: true,\n})\nexport class NylasConfirmedEventCard {\n /\n The host element.\n * Used to manage the host element of the provider.\n /\n @Element() private host!: HTMLNylasConfirmedEventCardElement;\n\n /\n @standalone\n * The config settings for the scheduler.\n /\n @Prop() readonly configSettings?: ConfigSettings;\n\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n /\n The selected language.\n /\n @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n /\n The participant's name who booked the event / is logged in.\n /\n @Prop() readonly confirmedEventInfo!: Partial<NylasEvent>;\n\n /\n Closing state of the confirmed event card button.\n /\n @State() isClosing: boolean = false;\n\n /\n This event is fired when the close button is clicked on the confirmed event card.\n /\n @Event() readonly closeConfirmEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n /\n This event is fired when an error occurs.\n */\n @Event() readonly confirmedEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n @Watch('themeConfig')\n themeConfigChanged(newThemeConfig: ThemeConfig) {\n this.applyThemeConfig(newThemeConfig);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n connectedCallback() {\n debug(`[nylas-confirmed-event-card] Component connected`);\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 async componentWillLoad() {\n debug(`[nylas-confirmed-event-card] Component will load`);\n }\n\n async componentDidLoad() {\n debug(`[nylas-confirmed-event-card] Component did load`);\n if (!this.confirmedEventInfo) {\n debug(`[nylas-confirmed-event-card] No confirmed event info provided, \"confirmedEventInfo\" prop is required.`);\n }\n }\n\n disconnectedCallback() {\n debug(`[nylas-confirmed-event-card] Component disconnected`);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n private handleCloseClicked = () => {\n this.isClosing = true;\n const errorHandler = (error: NylasSchedulerErrorResponse) => {\n this.confirmedEventCardError.emit(error);\n this.isClosing = false;\n };\n this.closeConfirmEventCardClicked.emit({ errorHandler });\n };\n\n @RegisterComponent<NylasConfirmedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-confirmed-event-card',\n stateToProps: new Map([\n ['scheduler.configSettings', 'configSettings'],\n ['scheduler.themeConfig', 'themeConfig'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ]),\n eventToProps: {\n closeConfirmEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n const result = await nylasschedulerconnector.scheduler.resetConfirm();\n\n const { errorHandler } = _.detail;\n if (errorHandler && (!result \|\| 'error' in result)) {\n errorHandler(result);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n return (\n <Host part=\"ncec\">\n <div class=\"nylas-confirmed-event-card\" part=\"ncec__card\">\n <div class=\"nylas-confirmed-event-card__calendar-icon\" part=\"ncec__icon\">\n <calendar-check-icon />\n </div>\n <h3 class=\"nylas-confirmed-event-card__title\" part=\"ncec__title\">\n {i18next.t('confirmedEventCardTitle')}!\n </h3>\n <div class=\"nylas-confirmed-event-card__description\" part=\"ncec__description\">\n {i18next.t('confirmedEventCardDescription')} {this.configSettings?.organizer?.name \|\| 'the participants'}.\n </div>\n <div class=\"nylas-confirmed-event-card__cta\">\n <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n </button-component>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CWWiQA0c.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.scss?tag=nylas-confirmed-event-card&encapsulation=shadow","src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n}\n\n.nylas-confirmed-event-card {\n height: inherit;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n font-family: var(--nylas-font-family);\n width: 400px;\n\n background-color: var(--nylas-base-0);\n color: var(--nylas-base-800);\n border-radius: var(--nylas-border-radius-2x);\n padding: 1.5rem;\n position: relative;\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: inherit;\n }\n}\n\n.nylas-confirmed-event-card__title {\n font-size: 18px;\n font-weight: 600;\n line-height: 24px;\n color: var(--nylas-base-900);\n text-align: center;\n}\n\n.nylas-confirmed-event-description {\n font-size: 16px;\n font-weight: 500;\n color: var(--nylas-base-600);\n}\n\n.nylas-confirmed-event-card__calendar-icon {\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n position: absolute;\n top: -1.25rem;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--nylas-base-0);\n border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-confirmed-event-card__cta {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-top: 1rem;\n}\n\ncalendar-check-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\nbutton-component {\n width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { LANGUAGE_CODE, NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { ThemeConfig } from '@nylas/core';\n\n/\n The `nylas-confirmed-event-card` component is a UI component that displays the confirmed event card.\n \n @part ncec - The confirmed event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the confirmed event card.\n * @part ncec__description - The description of the confirmed event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The confirmed event card.\n /\n@Component({\n tag: 'nylas-confirmed-event-card',\n styleUrl: 'nylas-confirmed-event-card.scss',\n shadow: true,\n})\nexport class NylasConfirmedEventCard {\n /\n The host element.\n * Used to manage the host element of the provider.\n /\n @Element() private host!: HTMLNylasConfirmedEventCardElement;\n\n /\n @standalone\n * The config settings for the scheduler.\n /\n @Prop() readonly configSettings?: ConfigSettings;\n\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n /\n The selected language.\n /\n @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n /\n The participant's name who booked the event / is logged in.\n /\n @Prop() readonly confirmedEventInfo!: Partial<NylasEvent>;\n\n /\n Closing state of the confirmed event card button.\n /\n @State() isClosing: boolean = false;\n\n /\n This event is fired when the close button is clicked on the confirmed event card.\n /\n @Event() readonly closeConfirmEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n /\n This event is fired when an error occurs.\n */\n @Event() readonly confirmedEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n @Watch('themeConfig')\n themeConfigChanged(newThemeConfig: ThemeConfig) {\n this.applyThemeConfig(newThemeConfig);\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n connectedCallback() {\n debug(`[nylas-confirmed-event-card] Component connected`);\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 async componentWillLoad() {\n debug(`[nylas-confirmed-event-card] Component will load`);\n }\n\n async componentDidLoad() {\n debug(`[nylas-confirmed-event-card] Component did load`);\n if (!this.confirmedEventInfo) {\n debug(`[nylas-confirmed-event-card] No confirmed event info provided, \"confirmedEventInfo\" prop is required.`);\n }\n }\n\n disconnectedCallback() {\n debug(`[nylas-confirmed-event-card] Component disconnected`);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n private handleCloseClicked = () => {\n this.isClosing = true;\n const errorHandler = (error: NylasSchedulerErrorResponse) => {\n this.confirmedEventCardError.emit(error);\n this.isClosing = false;\n };\n this.closeConfirmEventCardClicked.emit({ errorHandler });\n };\n\n @RegisterComponent<NylasConfirmedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-confirmed-event-card',\n stateToProps: new Map([\n ['scheduler.configSettings', 'configSettings'],\n ['scheduler.themeConfig', 'themeConfig'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ]),\n eventToProps: {\n closeConfirmEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n const result = await nylasschedulerconnector.scheduler.resetConfirm();\n\n const { errorHandler } = _.detail;\n if (errorHandler && (!result \|\| 'error' in result)) {\n errorHandler(result);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n return (\n <Host part=\"ncec\">\n <div class=\"nylas-confirmed-event-card\" part=\"ncec__card\">\n <div class=\"nylas-confirmed-event-card__calendar-icon\" part=\"ncec__icon\">\n <calendar-check-icon />\n </div>\n <h3 class=\"nylas-confirmed-event-card__title\" part=\"ncec__title\">\n {i18next.t('confirmedEventCardTitle')}!\n </h3>\n <div class=\"nylas-confirmed-event-card__description\" part=\"ncec__description\">\n {i18next.t('confirmedEventCardDescription')} {this.configSettings?.organizer?.name \|\| 'the participants'}.\n </div>\n <div class=\"nylas-confirmed-event-card__cta\">\n <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n </button-component>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Bo40Tzgq.js → p-CaQExWbD.js} RENAMED Viewed

@@ -2,13 +2,13 @@ import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-
 import { R as RegisterComponent } from './p-CwtW7XIp.js';
 import { a as debug, b as instance } from './p-B5ZLsN-l.js';
 import { L as LANGUAGE_CODE, c as LANGUAGE_MAP } from './p-DUCeQ1R4.js';
-import { d as defineCustomElement$7 } from './p-BaI67hQ_.js';
-import { d as defineCustomElement$6 } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$5 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$4 } from './p-idvnK5Rl.js';
-import { d as defineCustomElement$3 } from './p--JWPNuJw.js';
-import { d as defineCustomElement$2 } from './p-Hj9jbKPX.js';
-import { d as defineCustomElement$1 } from './p-BO38LdDr.js';
+import { d as defineCustomElement$7 } from './p-ao6VxuAL.js';
+import { d as defineCustomElement$6 } from './p-d3kelm3z.js';
+import { d as defineCustomElement$5 } from './p-DBHtQK2b.js';
+import { d as defineCustomElement$4 } from './p-wphqTozF.js';
+import { d as defineCustomElement$3 } from './p-C4RTQIyO.js';
+import { d as defineCustomElement$2 } from './p-DxDoo-4C.js';
+import { d as defineCustomElement$1 } from './p-Dj1TLa3T.js';
 const nylasDisableEmailsCss = ":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-disable-emails{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);margin:1rem;color:var(--nylas-base-900)}.header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.header .drawer-toggle{display:flex;gap:24px;align-items:center}.header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.header .drawer-toggle .chevron:hover,.header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.header .drawer-toggle .chevron.open{transform:rotate(90deg)}.header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.content{background-color:var(--nylas-base-25);padding:1rem;display:flex;flex-direction:column;gap:1rem}.toggle{display:flex;align-items:center;justify-content:space-between;padding:0}.toggle label{display:inline-flex;align-items:center;gap:8px}.toggle toggle-switch{margin-right:12px}.toggle select-dropdown{width:auto}";
@@ -135,7 +135,7 @@ const NylasDisableEmails = proxyCustomElement(class NylasDisableEmails extends H
         const disableEmails = isGroupConfig
             ? this.selectedConfiguration?.group_booking?.disable_emails
             : this.selectedConfiguration?.event_booking?.disable_emails;
-        return (h(Host, { key: 'fbd4de75b819fb122078a2a72d41c5a301899f97' }, h("div", { key: 'cf1cd963cfa33cb9d51356fb0f36bd4e8aa7cc90', class: "nylas-disable-emails", part: "nde" }, h("div", { key: 'ef4f8037a570ef27831abc94486da392f6d2db01', class: "header", part: "nde__header" }, h("div", { key: 'e3787eb81542c9a2c1bbd0af770f86b752b9e2d8' }, h("h3", { key: 'a3cf18143a71fdca0d3ec293fb77ab8ff6ea27ae' }, instance.t('eventCommunicationsTitle')), h("p", { key: '24aa10cfa2f00101dd375b9a69017de11a217952' }, instance.t('eventCommunicationsDescription')))), h("div", { key: '30a38d7bebbcaf7049ae3690d0c053c3a4dbafae', class: "content", part: "nde__content" }, h("div", { key: 'd8e86373aa6bc260a0eb4d235c869415a193d185', class: "toggle", part: "nde__toggle" }, h("label", { key: 'd69c0daa42d250284ac293a9deba862d3ec04eb0' }, instance.t('nylasConfirmationEmail.confirmationEmail.label'), h("span", { key: '6cb02f4b7f4f23a9be8d1fb09e63a0612d80cbe8', class: "label-icon" }, h("tooltip-component", { key: 'fdb4288b77b44794dbda512e6d2bea6c8a0b6363' }, h("info-icon", { key: '55acb7099a6bdcc652ffbb72ee5906f5092e84ff', slot: "tooltip-icon" }), h("span", { key: '7b226419c303d15c552cb5a092aac18908244022', slot: "tooltip-content" }, " ", instance.t('nylasConfirmationEmail.confirmationEmail.tooltip.desc'))))), h("toggle-switch", { key: '83aa3dd98b3b685f41bdc1d93ad24c172c07553c', exportparts: "ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider", name: `disable-emails`, checked: !disableEmails, themeConfig: this.themeConfig })), h("div", { key: 'a487369de313234cd6c6885bae2d46c683c65894', class: "toggle", part: "nde__toggle" }, h("label", { key: '9b0a052120e8678da210645e5f8e699de10e96ea' }, instance.t('nylasConfirmationEmail.confirmationEmail.language'), h("span", { key: '0ca8d2bdf98664148a48a3fd3d5daa34c9350844', class: "label-icon" }, h("tooltip-component", { key: '877fcd9c85ac8a1270b44a0625bbed42f8404ffd' }, h("info-icon", { key: 'f75d64c8c0cacf7efa2dd199c299ce04f3eba85b', slot: "tooltip-icon" }), h("span", { key: '975a67fb508bd562325ddf4d4b2150ecd5a707d1', slot: "tooltip-content" }, " ", instance.t('nylasConfirmationEmail.confirmationEmail.tooltip.language'))))), h("select-dropdown", { key: '7bf25969b8b0c9d21f74c79cd345735089d7ee5c', name: "organizer-locale", options: languageOptions, searchPlaceholder: instance.t('search'), withChevron: false, defaultSelectedOption: languageOptions.find(lang => lang.value == this.organizerLocale), themeConfig: this.themeConfig, exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: 'bb0ad8fa2c27d9b45b977cd6ee6e69bb239e0553', slot: "select-icon" }, h("translate-icon", { key: '9b5d9c3b22c0ec3eed90cb2ed5006531ff2032a1', width: "20", height: "20" }))))))));
+        return (h(Host, { key: '07d3d5275ab14deec818fdb6ff6b4b2f0f5e078d' }, h("div", { key: '4dbcb650e58678f861e3e82832437b0af8363cc0', class: "nylas-disable-emails", part: "nde" }, h("div", { key: 'd491e0bcefd4e37df85b94bfd46d0e0f3ea2bf37', class: "header", part: "nde__header" }, h("div", { key: 'ace1707c84e6665d71ab6663e697bf80067a9ac3' }, h("h3", { key: 'e40280e96aaa289876d53e0c1981d2915ff7c8e8' }, instance.t('eventCommunicationsTitle')), h("p", { key: '5036ab68f60a9d499bc3b3c95a3924a4ae482f9c' }, instance.t('eventCommunicationsDescription')))), h("div", { key: '9561d7c3848271d7ee091d2646e6f246ccc7ff8d', class: "content", part: "nde__content" }, h("div", { key: 'bb4911d8bf5f85fa5a9932f100ecf4a091de1244', class: "toggle", part: "nde__toggle" }, h("label", { key: '6088d4450e82cdfd40674f9a6a53ca805a29e4c7' }, instance.t('nylasConfirmationEmail.confirmationEmail.label'), h("span", { key: '09bf3e473a52f345d8b2df81b051ccfe4b4cc10d', class: "label-icon" }, h("tooltip-component", { key: 'b149d5a6af28aea73736e578d2d3915d83f9e61a' }, h("info-icon", { key: '84cba6873caed5ec1fccbd2edfa9290f64f2627f', slot: "tooltip-icon" }), h("span", { key: '06fc53c0d26e06316187161abb56fade55726207', slot: "tooltip-content" }, " ", instance.t('nylasConfirmationEmail.confirmationEmail.tooltip.desc'))))), h("toggle-switch", { key: '42af0697188bc05712a5438eb085fada2792df59', exportparts: "ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider", name: `disable-emails`, checked: !disableEmails, themeConfig: this.themeConfig })), h("div", { key: 'f94628394451dcf34e326c208a53ebea030e2973', class: "toggle", part: "nde__toggle" }, h("label", { key: '8a803d4c8a217bd2e60fb36e5139a4a4e250046a' }, instance.t('nylasConfirmationEmail.confirmationEmail.language'), h("span", { key: '3a32a67e2a1e876a579d432f2dce2128f32fdb4b', class: "label-icon" }, h("tooltip-component", { key: 'aa4cdae80a58ec09cc5f5845fa33143910ef3cbc' }, h("info-icon", { key: 'c4bbbaa334eff483a6f054c0ea639d5fb47699c2', slot: "tooltip-icon" }), h("span", { key: '004af4410de6e2d48b70b1ab06c7f50f1defcb01', slot: "tooltip-content" }, " ", instance.t('nylasConfirmationEmail.confirmationEmail.tooltip.language'))))), h("select-dropdown", { key: 'c5e1f889cb730389dc16ab64ee7684bb40184885', name: "organizer-locale", options: languageOptions, searchPlaceholder: instance.t('search'), withChevron: false, defaultSelectedOption: languageOptions.find(lang => lang.value == this.organizerLocale), themeConfig: this.themeConfig, exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: 'dd5bf53fc73c7fbce2bdfbb9d550425cdb1e1c3a', slot: "select-icon" }, h("translate-icon", { key: 'a48c87064392b990b9c32693a9a7ac57ad84e1d7', width: "20", height: "20" }))))))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }
@@ -231,6 +231,6 @@ function defineCustomElement() {
 }
 export { NylasDisableEmails as N, defineCustomElement as d };
-//# sourceMappingURL=p-Bo40Tzgq.js.map
+//# sourceMappingURL=p-CaQExWbD.js.map
-//# sourceMappingURL=p-Bo40Tzgq.js.map
+//# sourceMappingURL=p-CaQExWbD.js.map

package/dist/components/{p-Bo40Tzgq.js.map → p-CaQExWbD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Bo40Tzgq.js","mappings":";;;;;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,ylHAAylH;;;;;;;;;;;;;;;;MCkB1mH,kBAAkB,GAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAN/B,IAAA,WAAA,GAAA;;;;;;AAkBU,QAAA,IAAI,CAAA,IAAA,GAAW,gBAAgB;QAU9B,IAAA,CAAA,eAAe,GAAW,IAAI,CAAC,gBAAgB,IAAI,IAAI;AAKvD,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAqOxC;IA9MC,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,sBAAsB,EAAE,mBAAmB,CAAC;QAGlD,cAAc,CAAC,MAAK;AAClB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;;AAE7C,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,KAAK,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;;IAGvD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,sBAAsB,EAAE,mBAAmB,CAAC;QAElD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAG3C,gBAAgB,GAAA;AACd,QAAA,KAAK,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;AACjD,QAAA,MAAM,IAAI,GAAI,IAAI,CAAC,qBAAuC,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI;AACxI,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI;QAC3B,MAAM,aAAa,GAAI,IAAI,CAAC,qBAA4C,EAAE,aAAa,KAAK,SAAS;QACrG,MAAM,aAAa,GAAG;AACpB,cAAG,IAAI,CAAC,qBAA4C,EAAE,aAAa,EAAE;cAClE,IAAI,CAAC,qBAAuC,EAAE,aAAa,EAAE,cAAc;AAChF,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa,IAAI,KAAK;AAC3C,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;;AAShC,IAAA,yBAAyB,CAAC,QAAgB,EAAA;AACxC,QAAA,KAAK,CAAC,sBAAsB,EAAE,2BAA2B,EAAE,QAAQ,CAAC;QACpE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;;IAI1C,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAC,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAIhC,mCAAmC,CAAC,MAA0C,EAAE,MAA0C,EAAA;QACxH,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI;AAC1G,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;AAC9B,QAAA,MAAM,aAAa,GAAI,MAA6B,EAAE,aAAa,KAAK,SAAS;AACjF,QAAA,MAAM,aAAa,GAAG,aAAa,GAAI,MAA6B,EAAE,aAAa,EAAE,cAAc,GAAI,MAAwB,EAAE,aAAa,EAAE,cAAc;AAC9J,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa,IAAI,KAAK;AAC3C,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;;IAIhC,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;AAG/B,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;AAMlD,IAAA,6BAA6B,CAAC,KAAsE,EAAA;QAClG,KAAK,CAAC,0BAA0B,EAAE,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC;AAChF,QAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM;QAChC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,gBAAgB,EAAE;AAC1C,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC,OAAO;YAC7B,IAAI,CAAC,kBAAkB,EAAE;;;AAK7B,IAAA,+BAA+B,CAC7B,KAGE,EAAA;QAEF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM;AACpC,QAAA,IAAI,IAAI,KAAK,kBAAkB,EAAE;AAC/B,YAAA,MAAM,IAAI,GAAG,aAAa,CAAC,KAAsB,CAAC;AAClD,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI;YAC3B,IAAI,CAAC,kBAAkB,EAAE;;;IAI7B,kBAAkB,CAAC,eAAwB,IAAI,EAAA;QAC7C,IAAI,YAAY,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,gBAAA,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;oBACpB,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,eAAe,EAAE,IAAI,CAAC,eAAe;iBACtC,CAAC;gBACF,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA,CAAC;;QAEJ,IAAI,CAAC,SAAS,CAAC,YAAY,CACzB,IAAI,CAAC,SAAS,CAAC;YACb,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,eAAe,EAAE,IAAI,CAAC,eAAe;AACtC,SAAA,CAAC,EACF,IAAI,CAAC,IAAI,CACV;;IAwBH,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK;AAC5D,YAAA,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC;AACxB,YAAA,KAAK,EAAE,GAAG;AACX,SAAA,CAAC,CAAC;QACH,MAAM,aAAa,GAAI,IAAI,CAAC,qBAA4C,EAAE,aAAa,KAAK,SAAS;QACrG,MAAM,aAAa,GAAG;AACpB,cAAG,IAAI,CAAC,qBAA4C,EAAE,aAAa,EAAE;cAClE,IAAI,CAAC,qBAAuC,EAAE,aAAa,EAAE,cAAc;QAChF,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,KAAK,EAAA,EAC1C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAKA,QAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAM,EAChD,CAAI,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAAA,QAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAK,CAChD,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACGA,QAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,EAC5D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,OAAGA,QAAO,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAQ,CACvF,CACf,CACD,EACR,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,WAAW,EAAC,uFAAuF,EACnG,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,CAAC,aAAa,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC7B,CACE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACGA,QAAO,CAAC,CAAC,CAAC,mDAAmD,CAAC,EAC/D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,OAAGA,QAAO,CAAC,CAAC,CAAC,2DAA2D,CAAC,CAAQ,CAC3F,CACf,CACD,EACR,CACE,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAEA,QAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtC,WAAW,EAAE,KAAK,EAClB,qBAAqB,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,EACvF,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,WAAW,EAAC,kLAAkL,EAAA,EAE9L,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAgB,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAG,CAAA,CACpC,CACS,CACd,CACF,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;AA9DX,UAAA,CAAA;AArBC,IAAA,iBAAiB,CAAwG;AACxH,QAAA,IAAI,EAAE,sBAAsB;QAC5B,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,uCAAuC,EAAE,uBAAuB,CAAC;YAClE,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,6BAA6B,EAAE,aAAa,CAAC;SAC/C,CAAC;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,YAAY,EAAE,OACZ,KAAiI,EACjI,8BAA6D,KAC3D;AACF,gBAAA,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM;gBAErC,IAAI,YAAY,EAAE;oBAChB,YAAY,CAAC,KAAK,CAAC;;aAEtB;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAiED,EAAA,kBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-disable-emails/nylas-disable-emails.scss?tag=nylas-disable-emails&encapsulation=shadow","src/components/scheduler-editor/nylas-disable-emails/nylas-disable-emails.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/buttons' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n width: inherit;\n}\n\n.nylas-disable-emails {\n border: 1px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius-2x);\n margin: 1rem;\n color: var(--nylas-base-900);\n}\n\n.header {\n padding: 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n border-bottom: 1px solid var(--nylas-base-200);\n\n h3 {\n border-radius: var(--nylas-border-radius-2x);\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: var(--nylas-base-900);\n text-align: left;\n }\n\n p {\n display: flex;\n gap: 4px;\n align-items: center;\n margin: 0.25rem 0 0 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 20px;\n color: var(--nylas-base-600);\n text-align: left;\n }\n\n .drawer-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.content {\n background-color: var(--nylas-base-25);\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.toggle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n\n label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n toggle-switch {\n margin-right: 12px;\n }\n select-dropdown {\n width: auto;\n }\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 i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE, LANGUAGE_MAP } from '@/common/constants';\nimport { Configuration, GroupConfiguration, ThemeConfig } from '@nylas/core';\n\n/*\n The `nylas-disable-emails` component is a UI component that allows users to select the event type for the scheduler configuration.\n /\n@Component({\n tag: 'nylas-disable-emails',\n styleUrl: 'nylas-disable-emails.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasDisableEmails {\n @Element() host!: HTMLNylasDisableEmailsElement;\n /\n @standalone\n * The selected config\n /\n @Prop() selectedConfiguration?: Configuration \| GroupConfiguration;\n\n /\n @standalone\n * The name of the component\n /\n @Prop() name: string = 'disable-emails';\n\n /\n The selected language.\n /\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /\n The organizer locale.\n /\n @State() organizerLocale: string = this.selectedLanguage \|\| 'en';\n\n /\n The disable emails value.\n /\n @State() disableEmails: boolean = false;\n\n /\n The element internals.\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n /\n This event is fired when the toggle switch to disable emails is toggled.\n /\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n }>;\n\n // Lifecycle methods\n connectedCallback() {\n debug('nylas-disable-emails', '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-disable-emails', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-disable-emails', 'componentWillLoad');\n // See comment in the @Watch('name') decorator for more information.\n this.host.setAttribute('name', this.name);\n }\n\n componentDidLoad() {\n debug('nylas-disable-emails', 'componentDidLoad');\n const lang = (this.selectedConfiguration as Configuration)?.scheduler?.email_template?.organizer_locale \|\| this.selectedLanguage \|\| 'en';\n this.organizerLocale = lang;\n const isGroupConfig = (this.selectedConfiguration as GroupConfiguration)?.group_booking !== undefined;\n const disableEmails = isGroupConfig\n ? (this.selectedConfiguration as GroupConfiguration)?.group_booking?.disable_emails\n : (this.selectedConfiguration as Configuration)?.event_booking?.disable_emails;\n this.disableEmails = disableEmails \|\| false;\n this.handleSettingValue(false);\n }\n\n /\n When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n * Since this component is form-associated, the name attribute is required for form submission.\n * This is a workaround to ensure that the name attribute is set on the host element.\n */\n @Watch('name')\n elementNameChangedHandler(newValue: string) {\n debug('nylas-disable-emails', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\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('selectedConfiguration')\n selectedConfigurationChangedHandler(newVal: Configuration \| GroupConfiguration, oldVal: Configuration \| GroupConfiguration) {\n if (newVal === oldVal) return;\n this.organizerLocale = newVal.scheduler?.email_template?.organizer_locale \|\| this.selectedLanguage \|\| 'en';\n this.handleSettingValue(false);\n const isGroupConfig = (newVal as GroupConfiguration)?.group_booking !== undefined;\n const disableEmails = isGroupConfig ? (newVal as GroupConfiguration)?.group_booking?.disable_emails : (newVal as Configuration)?.event_booking?.disable_emails;\n this.disableEmails = disableEmails \|\| false;\n this.handleSettingValue(false);\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 @Listen('nylasFormSwitchToggled')\n nyalsFormSwitchToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: boolean }>) {\n debug('nylas-confirmation-email', 'nyalsFormSwitchToggledHandler', event.detail);\n const { checked } = event.detail;\n if (event.detail.name === 'disable-emails') {\n this.disableEmails = !checked;\n this.handleSettingValue();\n }\n }\n\n @Listen('nylasFormDropdownChanged')\n nylasFormDropdownChangedHandler(\n event: CustomEvent<{\n value: string;\n name: string;\n }>,\n ) {\n const { name, value } = event.detail;\n if (name === 'organizer-locale') {\n const lang = LANGUAGE_CODE[value as LANGUAGE_CODE];\n this.organizerLocale = lang;\n this.handleSettingValue();\n }\n }\n\n handleSettingValue(valueChanged: boolean = true) {\n if (valueChanged) {\n this.valueChanged.emit({\n value: JSON.stringify({\n disableEmails: this.disableEmails,\n organizerLocale: this.organizerLocale,\n }),\n name: this.name,\n });\n }\n this.internals.setFormValue(\n JSON.stringify({\n disableEmails: this.disableEmails,\n organizerLocale: this.organizerLocale,\n }),\n this.name,\n );\n }\n\n @RegisterComponent<NylasDisableEmails, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-disable-emails',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n eventToProps: {\n valueChanged: async (\n event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n ) => {\n const { valueChanged } = event.detail;\n // If a handler is passed, call it.\n if (valueChanged) {\n valueChanged(event);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n label: LANGUAGE_MAP[key],\n value: key,\n }));\n const isGroupConfig = (this.selectedConfiguration as GroupConfiguration)?.group_booking !== undefined;\n const disableEmails = isGroupConfig\n ? (this.selectedConfiguration as GroupConfiguration)?.group_booking?.disable_emails\n : (this.selectedConfiguration as Configuration)?.event_booking?.disable_emails;\n return (\n <Host>\n <div class=\"nylas-disable-emails\" part=\"nde\">\n <div class=\"header\" part=\"nde__header\">\n <div>\n <h3>{i18next.t('eventCommunicationsTitle')}</h3>\n <p>{i18next.t('eventCommunicationsDescription')}</p>\n </div>\n </div>\n <div class=\"content\" part=\"nde__content\">\n <div class=\"toggle\" part=\"nde__toggle\">\n <label>\n {i18next.t('nylasConfirmationEmail.confirmationEmail.label')}\n <span class=\"label-icon\">\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\"> {i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.desc')}</span>\n </tooltip-component>\n </span>\n </label>\n <toggle-switch\n exportparts=\"ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider\"\n name={`disable-emails`}\n checked={!disableEmails}\n themeConfig={this.themeConfig}\n />\n </div>\n <div class=\"toggle\" part=\"nde__toggle\">\n <label>\n {i18next.t('nylasConfirmationEmail.confirmationEmail.language')}\n <span class=\"label-icon\">\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\"> {i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.language')}</span>\n </tooltip-component>\n </span>\n </label>\n <select-dropdown\n name=\"organizer-locale\"\n options={languageOptions}\n searchPlaceholder={i18next.t('search')}\n withChevron={false}\n defaultSelectedOption={languageOptions.find(lang => lang.value == this.organizerLocale)}\n themeConfig={this.themeConfig}\n exportparts=\"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label\"\n >\n <span slot=\"select-icon\">\n <translate-icon width=\"20\" height=\"20\" />\n </span>\n </select-dropdown>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CaQExWbD.js","mappings":";;;;;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,ylHAAylH;;;;;;;;;;;;;;;;MCkB1mH,kBAAkB,GAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAN/B,IAAA,WAAA,GAAA;;;;;;AAkBU,QAAA,IAAI,CAAA,IAAA,GAAW,gBAAgB;QAU9B,IAAA,CAAA,eAAe,GAAW,IAAI,CAAC,gBAAgB,IAAI,IAAI;AAKvD,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAqOxC;IA9MC,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,sBAAsB,EAAE,mBAAmB,CAAC;QAGlD,cAAc,CAAC,MAAK;AAClB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;;AAE7C,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,KAAK,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;;IAGvD,iBAAiB,GAAA;AACf,QAAA,KAAK,CAAC,sBAAsB,EAAE,mBAAmB,CAAC;QAElD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAG3C,gBAAgB,GAAA;AACd,QAAA,KAAK,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;AACjD,QAAA,MAAM,IAAI,GAAI,IAAI,CAAC,qBAAuC,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI;AACxI,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI;QAC3B,MAAM,aAAa,GAAI,IAAI,CAAC,qBAA4C,EAAE,aAAa,KAAK,SAAS;QACrG,MAAM,aAAa,GAAG;AACpB,cAAG,IAAI,CAAC,qBAA4C,EAAE,aAAa,EAAE;cAClE,IAAI,CAAC,qBAAuC,EAAE,aAAa,EAAE,cAAc;AAChF,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa,IAAI,KAAK;AAC3C,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;;AAShC,IAAA,yBAAyB,CAAC,QAAgB,EAAA;AACxC,QAAA,KAAK,CAAC,sBAAsB,EAAE,2BAA2B,EAAE,QAAQ,CAAC;QACpE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;;IAI1C,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAC,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAIhC,mCAAmC,CAAC,MAA0C,EAAE,MAA0C,EAAA;QACxH,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI;AAC1G,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;AAC9B,QAAA,MAAM,aAAa,GAAI,MAA6B,EAAE,aAAa,KAAK,SAAS;AACjF,QAAA,MAAM,aAAa,GAAG,aAAa,GAAI,MAA6B,EAAE,aAAa,EAAE,cAAc,GAAI,MAAwB,EAAE,aAAa,EAAE,cAAc;AAC9J,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa,IAAI,KAAK;AAC3C,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;;IAIhC,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;AAG/B,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;AAMlD,IAAA,6BAA6B,CAAC,KAAsE,EAAA;QAClG,KAAK,CAAC,0BAA0B,EAAE,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC;AAChF,QAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM;QAChC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,gBAAgB,EAAE;AAC1C,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC,OAAO;YAC7B,IAAI,CAAC,kBAAkB,EAAE;;;AAK7B,IAAA,+BAA+B,CAC7B,KAGE,EAAA;QAEF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM;AACpC,QAAA,IAAI,IAAI,KAAK,kBAAkB,EAAE;AAC/B,YAAA,MAAM,IAAI,GAAG,aAAa,CAAC,KAAsB,CAAC;AAClD,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI;YAC3B,IAAI,CAAC,kBAAkB,EAAE;;;IAI7B,kBAAkB,CAAC,eAAwB,IAAI,EAAA;QAC7C,IAAI,YAAY,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,gBAAA,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;oBACpB,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,eAAe,EAAE,IAAI,CAAC,eAAe;iBACtC,CAAC;gBACF,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA,CAAC;;QAEJ,IAAI,CAAC,SAAS,CAAC,YAAY,CACzB,IAAI,CAAC,SAAS,CAAC;YACb,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,eAAe,EAAE,IAAI,CAAC,eAAe;AACtC,SAAA,CAAC,EACF,IAAI,CAAC,IAAI,CACV;;IAwBH,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK;AAC5D,YAAA,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC;AACxB,YAAA,KAAK,EAAE,GAAG;AACX,SAAA,CAAC,CAAC;QACH,MAAM,aAAa,GAAI,IAAI,CAAC,qBAA4C,EAAE,aAAa,KAAK,SAAS;QACrG,MAAM,aAAa,GAAG;AACpB,cAAG,IAAI,CAAC,qBAA4C,EAAE,aAAa,EAAE;cAClE,IAAI,CAAC,qBAAuC,EAAE,aAAa,EAAE,cAAc;QAChF,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,KAAK,EAAA,EAC1C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAKA,QAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAM,EAChD,CAAI,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAAA,QAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAK,CAChD,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACGA,QAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,EAC5D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,OAAGA,QAAO,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAQ,CACvF,CACf,CACD,EACR,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,WAAW,EAAC,uFAAuF,EACnG,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,CAAC,aAAa,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC7B,CACE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACGA,QAAO,CAAC,CAAC,CAAC,mDAAmD,CAAC,EAC/D,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,iBAAiB,EAAA,OAAGA,QAAO,CAAC,CAAC,CAAC,2DAA2D,CAAC,CAAQ,CAC3F,CACf,CACD,EACR,CACE,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAEA,QAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtC,WAAW,EAAE,KAAK,EAClB,qBAAqB,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,EACvF,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,WAAW,EAAC,kLAAkL,EAAA,EAE9L,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAgB,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAG,CAAA,CACpC,CACS,CACd,CACF,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;AA9DX,UAAA,CAAA;AArBC,IAAA,iBAAiB,CAAwG;AACxH,QAAA,IAAI,EAAE,sBAAsB;QAC5B,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,uCAAuC,EAAE,uBAAuB,CAAC;YAClE,CAAC,kCAAkC,EAAE,kBAAkB,CAAC;YACxD,CAAC,6BAA6B,EAAE,aAAa,CAAC;SAC/C,CAAC;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,YAAY,EAAE,OACZ,KAAiI,EACjI,8BAA6D,KAC3D;AACF,gBAAA,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM;gBAErC,IAAI,YAAY,EAAE;oBAChB,YAAY,CAAC,KAAK,CAAC;;aAEtB;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAiED,EAAA,kBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-disable-emails/nylas-disable-emails.scss?tag=nylas-disable-emails&encapsulation=shadow","src/components/scheduler-editor/nylas-disable-emails/nylas-disable-emails.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as ;\n@use '../../../common/mixins/buttons' as ;\n\n:host {\n display: block;\n @include default-css-variables;\n width: inherit;\n}\n\n.nylas-disable-emails {\n border: 1px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius-2x);\n margin: 1rem;\n color: var(--nylas-base-900);\n}\n\n.header {\n padding: 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n border-bottom: 1px solid var(--nylas-base-200);\n\n h3 {\n border-radius: var(--nylas-border-radius-2x);\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n line-height: 20px;\n color: var(--nylas-base-900);\n text-align: left;\n }\n\n p {\n display: flex;\n gap: 4px;\n align-items: center;\n margin: 0.25rem 0 0 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 20px;\n color: var(--nylas-base-600);\n text-align: left;\n }\n\n .drawer-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.content {\n background-color: var(--nylas-base-25);\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.toggle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n\n label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n toggle-switch {\n margin-right: 12px;\n }\n select-dropdown {\n width: auto;\n }\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 i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE, LANGUAGE_MAP } from '@/common/constants';\nimport { Configuration, GroupConfiguration, ThemeConfig } from '@nylas/core';\n\n/*\n The `nylas-disable-emails` component is a UI component that allows users to select the event type for the scheduler configuration.\n /\n@Component({\n tag: 'nylas-disable-emails',\n styleUrl: 'nylas-disable-emails.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasDisableEmails {\n @Element() host!: HTMLNylasDisableEmailsElement;\n /\n @standalone\n * The selected config\n /\n @Prop() selectedConfiguration?: Configuration \| GroupConfiguration;\n\n /\n @standalone\n * The name of the component\n /\n @Prop() name: string = 'disable-emails';\n\n /\n The selected language.\n /\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /\n The organizer locale.\n /\n @State() organizerLocale: string = this.selectedLanguage \|\| 'en';\n\n /\n The disable emails value.\n /\n @State() disableEmails: boolean = false;\n\n /\n The element internals.\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n /\n This event is fired when the toggle switch to disable emails is toggled.\n /\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;\n }>;\n\n // Lifecycle methods\n connectedCallback() {\n debug('nylas-disable-emails', '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-disable-emails', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-disable-emails', 'componentWillLoad');\n // See comment in the @Watch('name') decorator for more information.\n this.host.setAttribute('name', this.name);\n }\n\n componentDidLoad() {\n debug('nylas-disable-emails', 'componentDidLoad');\n const lang = (this.selectedConfiguration as Configuration)?.scheduler?.email_template?.organizer_locale \|\| this.selectedLanguage \|\| 'en';\n this.organizerLocale = lang;\n const isGroupConfig = (this.selectedConfiguration as GroupConfiguration)?.group_booking !== undefined;\n const disableEmails = isGroupConfig\n ? (this.selectedConfiguration as GroupConfiguration)?.group_booking?.disable_emails\n : (this.selectedConfiguration as Configuration)?.event_booking?.disable_emails;\n this.disableEmails = disableEmails \|\| false;\n this.handleSettingValue(false);\n }\n\n /\n When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n * Since this component is form-associated, the name attribute is required for form submission.\n * This is a workaround to ensure that the name attribute is set on the host element.\n */\n @Watch('name')\n elementNameChangedHandler(newValue: string) {\n debug('nylas-disable-emails', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\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('selectedConfiguration')\n selectedConfigurationChangedHandler(newVal: Configuration \| GroupConfiguration, oldVal: Configuration \| GroupConfiguration) {\n if (newVal === oldVal) return;\n this.organizerLocale = newVal.scheduler?.email_template?.organizer_locale \|\| this.selectedLanguage \|\| 'en';\n this.handleSettingValue(false);\n const isGroupConfig = (newVal as GroupConfiguration)?.group_booking !== undefined;\n const disableEmails = isGroupConfig ? (newVal as GroupConfiguration)?.group_booking?.disable_emails : (newVal as Configuration)?.event_booking?.disable_emails;\n this.disableEmails = disableEmails \|\| false;\n this.handleSettingValue(false);\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 @Listen('nylasFormSwitchToggled')\n nyalsFormSwitchToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: boolean }>) {\n debug('nylas-confirmation-email', 'nyalsFormSwitchToggledHandler', event.detail);\n const { checked } = event.detail;\n if (event.detail.name === 'disable-emails') {\n this.disableEmails = !checked;\n this.handleSettingValue();\n }\n }\n\n @Listen('nylasFormDropdownChanged')\n nylasFormDropdownChangedHandler(\n event: CustomEvent<{\n value: string;\n name: string;\n }>,\n ) {\n const { name, value } = event.detail;\n if (name === 'organizer-locale') {\n const lang = LANGUAGE_CODE[value as LANGUAGE_CODE];\n this.organizerLocale = lang;\n this.handleSettingValue();\n }\n }\n\n handleSettingValue(valueChanged: boolean = true) {\n if (valueChanged) {\n this.valueChanged.emit({\n value: JSON.stringify({\n disableEmails: this.disableEmails,\n organizerLocale: this.organizerLocale,\n }),\n name: this.name,\n });\n }\n this.internals.setFormValue(\n JSON.stringify({\n disableEmails: this.disableEmails,\n organizerLocale: this.organizerLocale,\n }),\n this.name,\n );\n }\n\n @RegisterComponent<NylasDisableEmails, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-disable-emails',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n eventToProps: {\n valueChanged: async (\n event: CustomEvent<{ value: string; name: string; valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void }>,\n _nylasSchedulerConfigConnector: NylasSchedulerConfigConnector,\n ) => {\n const { valueChanged } = event.detail;\n // If a handler is passed, call it.\n if (valueChanged) {\n valueChanged(event);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n label: LANGUAGE_MAP[key],\n value: key,\n }));\n const isGroupConfig = (this.selectedConfiguration as GroupConfiguration)?.group_booking !== undefined;\n const disableEmails = isGroupConfig\n ? (this.selectedConfiguration as GroupConfiguration)?.group_booking?.disable_emails\n : (this.selectedConfiguration as Configuration)?.event_booking?.disable_emails;\n return (\n <Host>\n <div class=\"nylas-disable-emails\" part=\"nde\">\n <div class=\"header\" part=\"nde__header\">\n <div>\n <h3>{i18next.t('eventCommunicationsTitle')}</h3>\n <p>{i18next.t('eventCommunicationsDescription')}</p>\n </div>\n </div>\n <div class=\"content\" part=\"nde__content\">\n <div class=\"toggle\" part=\"nde__toggle\">\n <label>\n {i18next.t('nylasConfirmationEmail.confirmationEmail.label')}\n <span class=\"label-icon\">\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\"> {i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.desc')}</span>\n </tooltip-component>\n </span>\n </label>\n <toggle-switch\n exportparts=\"ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider\"\n name={`disable-emails`}\n checked={!disableEmails}\n themeConfig={this.themeConfig}\n />\n </div>\n <div class=\"toggle\" part=\"nde__toggle\">\n <label>\n {i18next.t('nylasConfirmationEmail.confirmationEmail.language')}\n <span class=\"label-icon\">\n <tooltip-component>\n <info-icon slot=\"tooltip-icon\" />\n <span slot=\"tooltip-content\"> {i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.language')}</span>\n </tooltip-component>\n </span>\n </label>\n <select-dropdown\n name=\"organizer-locale\"\n options={languageOptions}\n searchPlaceholder={i18next.t('search')}\n withChevron={false}\n defaultSelectedOption={languageOptions.find(lang => lang.value == this.organizerLocale)}\n themeConfig={this.themeConfig}\n exportparts=\"sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label\"\n >\n <span slot=\"select-icon\">\n <translate-icon width=\"20\" height=\"20\" />\n </span>\n </select-dropdown>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DVTv2Hp1.js → p-CahZPm95.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-Bht9ktsW.js';
-import { d as defineCustomElement$1 } from './p-B4WU6Ddk.js';
+import { d as defineCustomElement$1 } from './p-BkqJQBCp.js';
 const checkboxGroupCss = ":host{display:block}.checkbox-group-container{display:flex;flex-direction:column;gap:0.5rem}.group-label{font-weight:500;margin-bottom:0.25rem}.group-label .required{color:var(--nylas-error);margin-left:0.25rem}.checkbox-list{display:flex;gap:16px}.checkbox-list.vertical{flex-direction:column}.checkbox-list.horizontal{flex-direction:row;align-items:center}.checkbox-list checkbox-component{width:max-content}.checkbox-list checkbox-component::part(checkbox-label-span){width:inherit;margin-left:24px}.error{color:var(--nylas-error);font-size:0.875rem;margin-top:0.25rem}";
@@ -87,7 +87,7 @@ const CheckboxGroup = proxyCustomElement(class CheckboxGroup extends H {
         this.handleCheckboxToggle(event);
     }
     render() {
-        return (h("div", { key: '2349c1bf4e8e2d04c488a939d2e5ded812118a83', class: "checkbox-group-container" }, this.label && (h("div", { key: 'de0c19a9279611daf9ea6629b7c0958e3e22eccb', class: "group-label" }, this.label, this.required && h("span", { key: '0de33f154d67668b7e2b36db251ed0ff2501c2c5', class: "required" }, "*"))), h("div", { key: 'e53fa0a15bd667f748faac274a4536d2e777bd18', class: `checkbox-list ${this.direction}` }, this.options.map(option => (h("checkbox-component", { name: `${this.name}-${option.value}`, label: option.label, checked: this.selectedValues.includes(option.value), readOnly: option.disabled, required: this.required, themeConfig: this.themeConfig })))), this.error && h("p", { key: 'f8367f61bb6113c886062b7ea83e121c23bacb5e', class: "error" }, this.error)));
+        return (h("div", { key: 'fe97aab12e7f1be11a0f565a1029813c2f0eadcd', class: "checkbox-group-container" }, this.label && (h("div", { key: '2bca129a3f5d785bd47a7a95e75726e1c0a48c14', class: "group-label" }, this.label, this.required && h("span", { key: '0ee4c2e9d60c8f3cce2e341af765579192378a1b', class: "required" }, "*"))), h("div", { key: '6182ce7752d1fe41dcad71014868b7af411c1508', class: `checkbox-list ${this.direction}` }, this.options.map(option => (h("checkbox-component", { name: `${this.name}-${option.value}`, label: option.label, checked: this.selectedValues.includes(option.value), readOnly: option.disabled, required: this.required, themeConfig: this.themeConfig })))), this.error && h("p", { key: '00719569b2db2dd41d5ff3ba332dc48d03016dcc', class: "error" }, this.error)));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -128,6 +128,6 @@ function defineCustomElement() {
 }
 export { CheckboxGroup as C, defineCustomElement as d };
-//# sourceMappingURL=p-DVTv2Hp1.js.map
+//# sourceMappingURL=p-CahZPm95.js.map
-//# sourceMappingURL=p-DVTv2Hp1.js.map
+//# sourceMappingURL=p-CahZPm95.js.map

package/dist/components/{p-DVTv2Hp1.js.map → p-CahZPm95.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DVTv2Hp1~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/design-system/checkbox-group/checkbox-group.scss?tag=checkbox-group&encapsulation=shadow","src/components/design-system/checkbox-group/checkbox-group.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.checkbox-group-container {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.group-label {\n font-weight: 500;\n margin-bottom: 0.25rem;\n\n .required {\n color: var(--nylas-error);\n margin-left: 0.25rem;\n }\n}\n\n.checkbox-list {\n display: flex;\n gap: 16px;\n\n &.vertical {\n flex-direction: column;\n }\n\n &.horizontal {\n flex-direction: row;\n align-items: center;\n }\n\n checkbox-component {\n width: max-content;\n &::part(checkbox-label-span) {\n width: inherit;\n margin-left: 24px;\n }\n }\n}\n\n.error {\n color: var(--nylas-error);\n font-size: 0.875rem;\n margin-top: 0.25rem;\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Element, Listen, Watch } from '@stencil/core';\nimport { CheckboxOption, CheckboxGroupDirection, ThemeConfig } from '@nylas/core';\n\n/*\n The `checkbox-group` component is a UI component that allows users to select multiple options from a list.\n * It manages a group of checkboxes and their states.\n /\n@Component({\n tag: 'checkbox-group',\n styleUrl: 'checkbox-group.scss',\n shadow: true,\n})\nexport class CheckboxGroup {\n @Element() el!: HTMLElement;\n private readonly componentType: string = 'checkbox-group';\n\n /\n The name of the checkbox group. This is used to identify the group when submitting a form.\n /\n @Prop() name: string = 'checkbox-group';\n\n /\n The label for the checkbox group.\n /\n @Prop() label: string = '';\n\n /\n Array of options to display as checkboxes.\n * Each option should have a label and value.\n /\n @Prop() options: CheckboxOption[] = [];\n\n /\n Whether the checkbox group is required. If true, at least one checkbox must be checked when submitting a form.\n /\n @Prop() required: boolean = false;\n\n /\n The layout direction of the checkboxes.\n * 'vertical' - checkboxes are stacked vertically (default)\n * 'horizontal' - checkboxes are arranged horizontally\n /\n @Prop() direction: CheckboxGroupDirection = 'vertical';\n\n /\n The theme config for the checkbox group.\n /\n @Prop() themeConfig?: ThemeConfig;\n\n /\n The error message state.\n /\n @State() error: string = '';\n\n @State() selectedValues: string[] = [];\n\n /\n This event is fired when any checkbox in the group is toggled.\n /\n @Event() nylasCheckboxGroupChanged!: EventEmitter<{\n selectedValues: string[];\n name: string;\n }>;\n\n // Lifecycle events\n componentWillLoad() {\n this.el.setAttribute('component-type', this.componentType);\n }\n\n componentDidLoad() {\n this.selectedValues = this.options.filter(option => option.checked).map(option => option.value);\n }\n\n @Watch('options')\n optionsChangedHandler(newValue: CheckboxOption[], oldValue: CheckboxOption[]) {\n if (JSON.stringify(newValue) === JSON.stringify(oldValue)) return;\n this.selectedValues = newValue.filter(option => option.checked).map(option => option.value);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\n }\n }\n\n connectedCallback() {\n // 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.el.setAttribute('data-themed', '');\n }\n });\n }\n\n // Event listeners\n @Listen('bookingFormSubmitted', { target: 'document' })\n handleBookingFormSubmitted(event: CustomEvent) {\n if (this.required && !this.hasCheckedOptions()) {\n this.error = 'Please select at least one option.';\n }\n if (this.error) {\n event.preventDefault();\n }\n }\n\n // Methods\n private hasCheckedOptions(): boolean {\n return this.options.some(option => option.checked);\n }\n\n handleCheckboxToggle(event: CustomEvent) {\n const { checked, name: _checkboxName, label } = event.detail;\n\n // Find the option that was toggled\n const toggledOption = this.options.find(option => option.label === label);\n if (!toggledOption) return;\n\n // Update selectedValues based on the checked state\n let selected: string[] = [];\n if (checked) {\n if (toggledOption.selectAll) {\n selected = this.options.map(option => option.value);\n } else {\n selected = [...this.selectedValues, toggledOption.value];\n }\n } else {\n selected = this.selectedValues.filter(value => value !== toggledOption.value);\n }\n this.selectedValues = [...selected];\n\n // Emit the change event\n this.nylasCheckboxGroupChanged.emit({\n selectedValues: this.selectedValues,\n name: this.name,\n });\n }\n\n @Listen('nylasFormCheckboxToggled', { target: 'document' })\n handleCheckboxToggled(event: CustomEvent) {\n this.handleCheckboxToggle(event);\n }\n\n render() {\n return (\n <div class=\"checkbox-group-container\">\n {this.label && (\n <div class=\"group-label\">\n {this.label}\n {this.required && <span class=\"required\"></span>}\n </div>\n )}\n <div class={`checkbox-list ${this.direction}`}>\n {this.options.map(option => (\n <checkbox-component\n name={`${this.name}-${option.value}`}\n label={option.label}\n checked={this.selectedValues.includes(option.value)}\n readOnly={option.disabled}\n required={this.required}\n themeConfig={this.themeConfig}\n />\n ))}\n </div>\n {this.error && <p class=\"error\">{this.error}</p>}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CahZPm95.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/design-system/checkbox-group/checkbox-group.scss?tag=checkbox-group&encapsulation=shadow","src/components/design-system/checkbox-group/checkbox-group.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.checkbox-group-container {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.group-label {\n font-weight: 500;\n margin-bottom: 0.25rem;\n\n .required {\n color: var(--nylas-error);\n margin-left: 0.25rem;\n }\n}\n\n.checkbox-list {\n display: flex;\n gap: 16px;\n\n &.vertical {\n flex-direction: column;\n }\n\n &.horizontal {\n flex-direction: row;\n align-items: center;\n }\n\n checkbox-component {\n width: max-content;\n &::part(checkbox-label-span) {\n width: inherit;\n margin-left: 24px;\n }\n }\n}\n\n.error {\n color: var(--nylas-error);\n font-size: 0.875rem;\n margin-top: 0.25rem;\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Element, Listen, Watch } from '@stencil/core';\nimport { CheckboxOption, CheckboxGroupDirection, ThemeConfig } from '@nylas/core';\n\n/*\n The `checkbox-group` component is a UI component that allows users to select multiple options from a list.\n * It manages a group of checkboxes and their states.\n /\n@Component({\n tag: 'checkbox-group',\n styleUrl: 'checkbox-group.scss',\n shadow: true,\n})\nexport class CheckboxGroup {\n @Element() el!: HTMLElement;\n private readonly componentType: string = 'checkbox-group';\n\n /\n The name of the checkbox group. This is used to identify the group when submitting a form.\n /\n @Prop() name: string = 'checkbox-group';\n\n /\n The label for the checkbox group.\n /\n @Prop() label: string = '';\n\n /\n Array of options to display as checkboxes.\n * Each option should have a label and value.\n /\n @Prop() options: CheckboxOption[] = [];\n\n /\n Whether the checkbox group is required. If true, at least one checkbox must be checked when submitting a form.\n /\n @Prop() required: boolean = false;\n\n /\n The layout direction of the checkboxes.\n * 'vertical' - checkboxes are stacked vertically (default)\n * 'horizontal' - checkboxes are arranged horizontally\n /\n @Prop() direction: CheckboxGroupDirection = 'vertical';\n\n /\n The theme config for the checkbox group.\n /\n @Prop() themeConfig?: ThemeConfig;\n\n /\n The error message state.\n /\n @State() error: string = '';\n\n @State() selectedValues: string[] = [];\n\n /\n This event is fired when any checkbox in the group is toggled.\n /\n @Event() nylasCheckboxGroupChanged!: EventEmitter<{\n selectedValues: string[];\n name: string;\n }>;\n\n // Lifecycle events\n componentWillLoad() {\n this.el.setAttribute('component-type', this.componentType);\n }\n\n componentDidLoad() {\n this.selectedValues = this.options.filter(option => option.checked).map(option => option.value);\n }\n\n @Watch('options')\n optionsChangedHandler(newValue: CheckboxOption[], oldValue: CheckboxOption[]) {\n if (JSON.stringify(newValue) === JSON.stringify(oldValue)) return;\n this.selectedValues = newValue.filter(option => option.checked).map(option => option.value);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.el.style.setProperty(`${key}`, value);\n }\n }\n }\n\n connectedCallback() {\n // 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.el.setAttribute('data-themed', '');\n }\n });\n }\n\n // Event listeners\n @Listen('bookingFormSubmitted', { target: 'document' })\n handleBookingFormSubmitted(event: CustomEvent) {\n if (this.required && !this.hasCheckedOptions()) {\n this.error = 'Please select at least one option.';\n }\n if (this.error) {\n event.preventDefault();\n }\n }\n\n // Methods\n private hasCheckedOptions(): boolean {\n return this.options.some(option => option.checked);\n }\n\n handleCheckboxToggle(event: CustomEvent) {\n const { checked, name: _checkboxName, label } = event.detail;\n\n // Find the option that was toggled\n const toggledOption = this.options.find(option => option.label === label);\n if (!toggledOption) return;\n\n // Update selectedValues based on the checked state\n let selected: string[] = [];\n if (checked) {\n if (toggledOption.selectAll) {\n selected = this.options.map(option => option.value);\n } else {\n selected = [...this.selectedValues, toggledOption.value];\n }\n } else {\n selected = this.selectedValues.filter(value => value !== toggledOption.value);\n }\n this.selectedValues = [...selected];\n\n // Emit the change event\n this.nylasCheckboxGroupChanged.emit({\n selectedValues: this.selectedValues,\n name: this.name,\n });\n }\n\n @Listen('nylasFormCheckboxToggled', { target: 'document' })\n handleCheckboxToggled(event: CustomEvent) {\n this.handleCheckboxToggle(event);\n }\n\n render() {\n return (\n <div class=\"checkbox-group-container\">\n {this.label && (\n <div class=\"group-label\">\n {this.label}\n {this.required && <span class=\"required\"></span>}\n </div>\n )}\n <div class={`checkbox-list ${this.direction}`}>\n {this.options.map(option => (\n <checkbox-component\n name={`${this.name}-${option.value}`}\n label={option.label}\n checked={this.selectedValues.includes(option.value)}\n readOnly={option.disabled}\n required={this.required}\n themeConfig={this.themeConfig}\n />\n ))}\n </div>\n {this.error && <p class=\"error\">{this.error}</p>}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-B35dXoaU.js → p-Ce8gcoEa.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const GoogleLogoIcon = proxyCustomElement(class GoogleLogoIcon extends H {
         this.height = '24';
     }
     render() {
-        return (h("svg", { key: '321e06fd36a2878ba18eb0a1fe686bb4d1b077c4', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd0417c40f2ea77f1bc6a6cb47520cf5f2cfd144b', "clip-path": "url(#clip0_959_12452)" }, h("path", { key: 'f13d5c6d7706f8d5c0495d0d66f6d6b7f3045f26', d: "M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z", fill: "#4285F4" }), h("path", { key: '81631d66e784df5013d110fb5253832e6d5fcaf4', d: "M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z", fill: "#34A853" }), h("path", { key: '963322982a906f86a738b4c1d2a32599bb4cb2ce', d: "M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z", fill: "#FBBC05" }), h("path", { key: '4d50017f75f4299e5707d24d2114ba4ade15b589', d: "M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z", fill: "#EA4335" })), h("defs", { key: '1fbbe716dc4ddbec33a34da06ce9508ad0d44d50' }, h("clipPath", { key: 'c26e1c0f93fdc6f972250126f44ac655facfb1c8', id: "clip0_959_12452" }, h("rect", { key: 'ef7c3507888b8b65b069c5440323625f252b54ec', width: 24, height: 24, fill: "white" })))));
+        return (h("svg", { key: '33a9865778f760760ebf770633523215edf516c3', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '7f9bd4b06f1b97de60c01c37c5c509e776b8d6e1', "clip-path": "url(#clip0_959_12452)" }, h("path", { key: 'dbc7d5ff82edffd7b35da27fefe16ae304f42130', d: "M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z", fill: "#4285F4" }), h("path", { key: 'd1bf2e40b91f0fb9e0f3deb52fe0d33bc595ccd1', d: "M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z", fill: "#34A853" }), h("path", { key: 'd87d93140cf0e41444fb1a7d84b6e47fc861765e', d: "M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z", fill: "#FBBC05" }), h("path", { key: '6eb01c2c48e94e3c817afc121931de67bde47f90', d: "M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z", fill: "#EA4335" })), h("defs", { key: 'd8e80696c6090b414e6a5c42c31f3ec620bd65e0' }, h("clipPath", { key: 'deb809cb1b5ceda12780385926828c0c60cbe4db', id: "clip0_959_12452" }, h("rect", { key: 'ad65b33032861fcadb6ae9bd90938647cbc0e3b7', width: 24, height: 24, fill: "white" })))));
     }
     static get style() { return iconCss; }
 }, [258, "google-logo-icon", {
@@ -32,6 +32,6 @@ function defineCustomElement() {
 }
 export { GoogleLogoIcon as G, defineCustomElement as d };
-//# sourceMappingURL=p-B35dXoaU.js.map
+//# sourceMappingURL=p-Ce8gcoEa.js.map
-//# sourceMappingURL=p-B35dXoaU.js.map
+//# sourceMappingURL=p-Ce8gcoEa.js.map

package/dist/components/{p-B35dXoaU.js.map → p-Ce8gcoEa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~B35dXoaU~~.js","mappings":";;AAAA,MAAM,OAAO,GAAG,sCAAsC;;MCOzC,cAAc,GAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAgC9B;IA9BC,MAAM,GAAA;AAEJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC7G,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAa,uBAAuB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,gKAAgK,EAClK,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,+LAA+L,EACjM,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,8OAA8O,EAChP,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,CACA,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,CACnC,CACN,CACH;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=google-logo-icon&encapsulation=scoped","src/common/icons/google-logo.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'google-logo-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class GoogleLogoIcon {\n @Prop() width: string = '24';\n @Prop() height: string = '24';\n\n render() {\n // Spam icon svg\n return (\n <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_959_12452)\">\n <path\n d=\"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z\"\n fill=\"#4285F4\"\n />\n <path\n d=\"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z\"\n fill=\"#34A853\"\n />\n <path\n d=\"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z\"\n fill=\"#FBBC05\"\n />\n <path\n d=\"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z\"\n fill=\"#EA4335\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_959_12452\">\n <rect width={24} height={24} fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Ce8gcoEa.js","mappings":";;AAAA,MAAM,OAAO,GAAG,sCAAsC;;MCOzC,cAAc,GAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAgC9B;IA9BC,MAAM,GAAA;AAEJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC7G,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAa,uBAAuB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,gKAAgK,EAClK,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,+LAA+L,EACjM,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,8OAA8O,EAChP,IAAI,EAAC,SAAS,EACd,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,CACA,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,CACnC,CACN,CACH;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=google-logo-icon&encapsulation=scoped","src/common/icons/google-logo.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'google-logo-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class GoogleLogoIcon {\n @Prop() width: string = '24';\n @Prop() height: string = '24';\n\n render() {\n // Spam icon svg\n return (\n <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_959_12452)\">\n <path\n d=\"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z\"\n fill=\"#4285F4\"\n />\n <path\n d=\"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z\"\n fill=\"#34A853\"\n />\n <path\n d=\"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z\"\n fill=\"#FBBC05\"\n />\n <path\n d=\"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z\"\n fill=\"#EA4335\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_959_12452\">\n <rect width={24} height={24} fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-D_1SiUrv.js → p-ChXM0wCn.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const CheckmarkCircleIcon = proxyCustomElement(class CheckmarkCircleIcon extends
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '2c58242885ff2a03f2760be229a80bf9d46e53ee', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: '819f03836ba18e9d65d0ec6abb49492851598943', fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" })));
+        return (h("svg", { key: '83dafed562cb19a4b92e19df4b1315c1eeb51da6', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: 'bf0e55ae4ebb1f1dc0cec59d0496af2d6860dbc0', fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" })));
     }
     static get style() { return iconCss; }
 }, [258, "checkmark-circle-icon", {
@@ -32,6 +32,6 @@ function defineCustomElement() {
 }
 export { CheckmarkCircleIcon as C, defineCustomElement as d };
-//# sourceMappingURL=p-D_1SiUrv.js.map
+//# sourceMappingURL=p-ChXM0wCn.js.map
-//# sourceMappingURL=p-D_1SiUrv.js.map
+//# sourceMappingURL=p-ChXM0wCn.js.map

package/dist/components/{p-D_1SiUrv.js.map → p-ChXM0wCn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D_1SiUrv~~.js","mappings":";;AAAA,MAAM,OAAO,GAAG,2CAA2C;;MCO9C,mBAAmB,GAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;AALhC,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,EAC7G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qOAAqO,EAAA,CACvO,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=checkmark-circle-icon&encapsulation=scoped","src/common/icons/checkmark-circle.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'checkmark-circle-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class CheckmarkCircleIcon {\n @Prop() width: string = '20';\n @Prop() height: string = '20';\n\n render() {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} fill=\"none\" viewBox=\"0 0 20 20\">\n <path\n fill=\"currentColor\"\n d=\"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-ChXM0wCn.js","mappings":";;AAAA,MAAM,OAAO,GAAG,2CAA2C;;MCO9C,mBAAmB,GAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;AALhC,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,EAC7G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qOAAqO,EAAA,CACvO,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=checkmark-circle-icon&encapsulation=scoped","src/common/icons/checkmark-circle.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'checkmark-circle-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class CheckmarkCircleIcon {\n @Prop() width: string = '20';\n @Prop() height: string = '20';\n\n render() {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} fill=\"none\" viewBox=\"0 0 20 20\">\n <path\n fill=\"currentColor\"\n d=\"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CjPOfL98.js → p-CrEiNqrO.js} RENAMED Viewed

@@ -2,22 +2,22 @@ import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-
 import { R as RegisterComponent } from './p-CwtW7XIp.js';
 import { a as debug, b as instance, e as error } from './p-B5ZLsN-l.js';
 import { D as DEFAULT_OPEN_HOURS } from './p-DUCeQ1R4.js';
-import { d as defineCustomElement$g } from './p-Ha2t2y12.js';
-import { d as defineCustomElement$f } from './p-Dvm3cFRX.js';
-import { d as defineCustomElement$e } from './p-BW5AWWWU.js';
-import { d as defineCustomElement$d } from './p-BaI67hQ_.js';
-import { d as defineCustomElement$c } from './p-DHEweiQ6.js';
-import { d as defineCustomElement$b } from './p-C-FqPkG1.js';
-import { d as defineCustomElement$a } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$9 } from './p-hYRQCAHR.js';
-import { d as defineCustomElement$8 } from './p-C9OPB0dE.js';
-import { d as defineCustomElement$7 } from './p-B6_vWkUg.js';
-import { d as defineCustomElement$6 } from './p-dBa2aR6u.js';
-import { d as defineCustomElement$5 } from './p-D5p5Z11R.js';
-import { d as defineCustomElement$4 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$3 } from './p-idvnK5Rl.js';
-import { d as defineCustomElement$2 } from './p--JWPNuJw.js';
-import { d as defineCustomElement$1 } from './p-Hj9jbKPX.js';
+import { d as defineCustomElement$g } from './p-Dl0Yur5r.js';
+import { d as defineCustomElement$f } from './p-BVH0Klhu.js';
+import { d as defineCustomElement$e } from './p-BAKh5tMf.js';
+import { d as defineCustomElement$d } from './p-ao6VxuAL.js';
+import { d as defineCustomElement$c } from './p-CzVZs3uZ.js';
+import { d as defineCustomElement$b } from './p-DS6Ijr4M.js';
+import { d as defineCustomElement$a } from './p-d3kelm3z.js';
+import { d as defineCustomElement$9 } from './p-C7ZpwRD0.js';
+import { d as defineCustomElement$8 } from './p-BluyqSV4.js';
+import { d as defineCustomElement$7 } from './p-DwLh5aVI.js';
+import { d as defineCustomElement$6 } from './p-8f-LJhGH.js';
+import { d as defineCustomElement$5 } from './p-B0-YJO0f.js';
+import { d as defineCustomElement$4 } from './p-DBHtQK2b.js';
+import { d as defineCustomElement$3 } from './p-wphqTozF.js';
+import { d as defineCustomElement$2 } from './p-C4RTQIyO.js';
+import { d as defineCustomElement$1 } from './p-DxDoo-4C.js';
 const nylasParticipantsCustomAvailabilityCss = ":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-participants-custom-availability{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .header{padding:1rem}.nylas-participants-custom-availability .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participants-custom-availability .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}.nylas-participants-custom-availability .validation-error{margin:0;padding:0.75rem 1rem;background-color:var(--nylas-color-red-50)}.nylas-participants-custom-availability .validation-error span{font-size:0.875rem;font-weight:500;line-height:20px;color:var(--nylas-error);display:block}.nylas-participants-custom-availability .content .participant-container{padding-top:8px;border-top:1px solid var(--nylas-base-200);color:var(--nylas-base-900);background-color:var(--nylas-base-25)}.nylas-participants-custom-availability .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px}.nylas-participants-custom-availability .content .participant-container .participant-title p{margin:0}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container nylas-availability-picker::part(nap){margin:0;border:none}.nylas-participants-custom-availability .content .participant-container nylas-specific-time-availability-picker::part(nstap){margin:0;border:none}.nylas-participants-custom-availability .content .participant-container .participant-only-specific-time-container{padding:8px 16px;border-top:1px solid var(--nylas-base-200);background-color:var(--nylas-base-50)}.nylas-participants-custom-availability .content .participant-container .participant-only-specific-time-container .participant-only-specific-time-checkbox label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:var(--nylas-base-900);cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-only-specific-time-container .participant-only-specific-time-checkbox label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-only-specific-time-container .participant-only-specific-time-checkbox label span{flex:1}.nylas-participants-custom-availability .content .participant-container .participant-only-specific-time-container .participant-only-specific-time-checkbox label tooltip-component{display:flex;align-items:center}.nylas-participants-custom-availability .content .participant-tabs{justify-content:space-between;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 16px;border-top:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .content .participant-tabs.single-tab{grid-template-columns:1fr}.nylas-participants-custom-availability .content .participant-tab{cursor:pointer;padding:8px 16px;border-radius:var(--nylas-border-radius-2x);background-color:var(--nylas-base-100);text-align:center;font-size:14px;font-weight:500;line-height:20px;color:var(--nylas-base-600)}.nylas-participants-custom-availability .content .participant-tab.active{background-color:var(--nylas-primary);color:var(--nylas-base-100)}";
@@ -272,10 +272,10 @@ const NylasParticipantsCustomAvailability = proxyCustomElement(class NylasPartic
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (h(Host, { key: '52c29d85eade2b1e110e3cb2568a4826f54c07e2' }, h("div", { key: 'ca42336a664126a5e02e61b4be59272baa417e10', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'a5151dd9ba886c74f62d29cc9a9f7523730dc279', class: "header", part: "npca__header" }, h("h3", { key: '273e7f1fe2a70719db0b338ec4a5e613cf4f24df' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'd51d2a67814ffe14883ae12c904a56bfccd280bf' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'af16f29a03a5eea8ae15ce9d79f5c6fa3363ba55', class: "validation-error", part: "npca__validation-error" }, h("span", { key: '397133ff051348f776e90bb8f2bf6be2637f6722' }, this.validationError))), h("div", { key: 'fd4e1ea6fdbb646f938e0b1f0ba08dca5744a398', class: "content", part: "npca__content" }, h("form", { key: 'e4e1235b0d4dfcac1622fb5e997366e1ab63f6dc', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: '723367d6b42ba75ede45e8107612a8d7b80f7a62' }, h("div", { key: '1f150fb58b7b4c1f49d03fc2ff3477c558f24b42', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'faedc45330f58c808d894795e2b8d69356cab9a8', class: "header", part: "npca__header" }, h("h3", { key: 'c9a0ae26b76bf1eb04d012f29c3ff293cf2ced72' }, instance.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'adf10af1715e2c468dbbcb054177751581cd229a' }, instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'bcec97341f9f23a47e0ecd68c4479e28502abec9', class: "validation-error", part: "npca__validation-error" }, h("span", { key: '9aa25d1c401f454dcf78495ee31e22c14dfb688e' }, this.validationError))), h("div", { key: '2c155fedebb19645e19353c4d0e812d032808bf3', class: "content", part: "npca__content" }, h("form", { key: 'f5e2336c74fefaea03a97138543db3fb63e09af7', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             const participantOpenHours = participant.availability?.open_hours || [];
-            if (!participant || !participant.name || !participant.availability)
+            if (!participant || !participant.name)
                 return;
             return (h("div", { class: "participant-container", part: "npca__participant-container", key: `participant-conatiner-${index}` }, h("div", { class: "participant-title", part: "npca__participant-title" }, h("p", null, instance.t('nylasParticipantCustomAvailability.participantOpenHoursTitle', { participantName: participant.name })), h("div", { class: "participant-toggle", part: "npca__participant-toggle--container" }, h("toggle-switch", { exportparts: "ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider", name: key, checked: !!participant?.openHours && participant?.openHours.length > 0, themeConfig: this.themeConfig }), h("span", { class: `chevron ${participant.isOpen ? 'open' : 'closed'} ${participant.setCustom ? '' : 'disabled'}`, onClick: () => {
                     if (!participant.setCustom)
@@ -434,6 +434,6 @@ function defineCustomElement() {
 }
 export { NylasParticipantsCustomAvailability as N, defineCustomElement as d };
-//# sourceMappingURL=p-CjPOfL98.js.map
+//# sourceMappingURL=p-CrEiNqrO.js.map
-//# sourceMappingURL=p-CjPOfL98.js.map
+//# sourceMappingURL=p-CrEiNqrO.js.map