@nylas/web-elements 2.5.4-canary-20260414201801 → 2.5.4

package/dist/cjs/nylas-scheduling.cjs.entry.js

@@ -3,7 +3,7 @@
 var index$1 = require('./index-9TuL48qE.js');
 var abstractProvider = require('./abstract-provider-CH5yXWmY.js');
 var utils = require('./utils-DMqnHqF8.js');
-var version = require('./version-Dfv6nyNu.js');
+var version = require('./version-COw2dh2E.js');
 var index = require('./index-CwlXqyvH.js');
 var feedbackSync = require('./feedbackSync-Bcx7mZ9-.js');
 

package/dist/cjs/radio-button-group.cjs.entry.js

@@ -42,6 +42,13 @@ const RadioButtonGroup = class {
     }
     componentDidLoad() {
         this.selectedValue = this.defaultSelectedValue;
+        if (this.defaultSelectedValue) {
+            this.nylasFormRadioChanged.emit({
+                value: this.defaultSelectedValue,
+                name: this.name,
+                label: this.label,
+            });
+        }
     }
     handleBookingFormSubmitted(event) {
         if (this.required && !this.selectedValue) {
@@ -65,7 +72,7 @@ const RadioButtonGroup = class {
         });
     }
     render() {
-        return (index.h("div", { key: '9a171da3f6a18e69d743e068cfb3a958b4534ec2', class: "radio-group" }, index.h("slot", { key: '6ce2e5f4e51b3907a6cb5d952423bc720a16bd75', name: "label" }, this.label && (index.h("p", { key: '6cefd7a9568652f81b5dd2a61157e9253e6ad5e5', class: { error: !!this.error } }, index.h("span", { key: 'ac078a4f3eba135f85acf1a9417682545221cd39', class: "label" }, this.label), this.required && index.h("span", { key: '531c0bef412eac313ca0e91d74e5a5ae0f277fa3', class: "required" }, "*")))), this.options.map(option => (index.h("label", null, index.h("div", { class: "radio-option" }, index.h("input", { type: "radio", disabled: this.readOnly, readOnly: this.readOnly, title: this.readOnly ? 'read-only field' : undefined, name: this.name, value: option.value, checked: this.selectedValue === option.value, onChange: () => this.handleChange(option.value) }), index.h("p", null, index.h("span", { class: "title" }, option.label), index.h("span", { class: "description" }, option.description)))))), this.error && index.h("span", { key: 'e5b907eea1916a3c3e84c49763f20b5008a29e05', class: "error help-text" }, this.error)));
+        return (index.h("div", { key: '7d4f9dbc6fb35ba0d6ec854c67b04f320888bff0', class: "radio-group" }, index.h("slot", { key: '4e8f1ebf95e25021f49c0973bb16609730303c2d', name: "label" }, this.label && (index.h("p", { key: 'a944e18fac56caeb5582028c38d055b399cd6693', class: { error: !!this.error } }, index.h("span", { key: '2730c691418b2890b52b182d0389eb4a6ea42edb', class: "label" }, this.label), this.required && index.h("span", { key: 'ec2d3213ab090cf75a9499c03f64b1cf8ac860b8', class: "required" }, "*")))), this.options.map(option => (index.h("label", null, index.h("div", { class: "radio-option" }, index.h("input", { type: "radio", disabled: this.readOnly, readOnly: this.readOnly, title: this.readOnly ? 'read-only field' : undefined, name: this.name, value: option.value, checked: this.selectedValue === option.value, onChange: () => this.handleChange(option.value) }), index.h("p", null, index.h("span", { class: "title" }, option.label), index.h("span", { class: "description" }, option.description)))))), this.error && index.h("span", { key: 'bbe79d56c58731dd23fd68f6efea548faffcbc25', class: "error help-text" }, this.error)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/radio-button-group.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"radio-button-group.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/design-system/radio-button-group/radio-button-group.scss?tag=radio-button-group&encapsulation=shadow","src/components/design-system/radio-button-group/radio-button-group.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/inputs' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: 100%;\n}\n\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  slot[name='label'] {\n    @include input-label;\n    font-size: 16px;\n\n    p {\n      margin: 0;\n\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n\n    .error {\n      color: var(--nylas-error);\n    }\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    font-family: var(--nylas-font-family);\n  }\n\n  label {\n    display: flex;\n\n    font-family: var(--nylas-font-family);\n    cursor: pointer;\n\n    .radio-option {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.5rem;\n\n      input[type='radio'] {\n        cursor: pointer;\n      }\n\n      input[type='radio' i] {\n        width: 20px;\n        height: 20px;\n        color: var(--nylas-primary);\n      }\n\n      p {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        margin: 0;\n\n        .title {\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          color: var(--nylas-base-800);\n          word-break: break-word;\n          overflow-wrap: break-word;\n        }\n\n        .description {\n          font-size: 14px;\n          font-weight: 400;\n          line-height: 20px;\n          color: var(--nylas-base-600);\n        }\n      }\n    }\n  }\n}\n","// src/components/radio-group/radio-group.tsx\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'radio-group';\n\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop({ attribute: 'default-selected-value' }) defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The property to make the radio group read-only. If true, the radio group cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n  /**\n   * Error message to display when the radio group is required and no value is selected.\n   */\n  @Prop() errorMessage: string = '';\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  @Watch('defaultSelectedValue')\n  handleDefaultSelectedValueChange(newValue: string) {\n    this.selectedValue = newValue;\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  // Lifecycle methods\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  componentDidLoad() {\n    this.selectedValue = this.defaultSelectedValue;\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input\n                type=\"radio\"\n                disabled={this.readOnly}\n                readOnly={this.readOnly}\n                title={this.readOnly ? 'read-only field' : undefined}\n                name={this.name}\n                value={option.value}\n                checked={this.selectedValue === option.value}\n                onChange={() => this.handleChange(option.value)}\n              />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"radio-button-group.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/design-system/radio-button-group/radio-button-group.scss?tag=radio-button-group&encapsulation=shadow","src/components/design-system/radio-button-group/radio-button-group.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/inputs' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: 100%;\n}\n\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  slot[name='label'] {\n    @include input-label;\n    font-size: 16px;\n\n    p {\n      margin: 0;\n\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n\n    .error {\n      color: var(--nylas-error);\n    }\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    font-family: var(--nylas-font-family);\n  }\n\n  label {\n    display: flex;\n\n    font-family: var(--nylas-font-family);\n    cursor: pointer;\n\n    .radio-option {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.5rem;\n\n      input[type='radio'] {\n        cursor: pointer;\n      }\n\n      input[type='radio' i] {\n        width: 20px;\n        height: 20px;\n        color: var(--nylas-primary);\n      }\n\n      p {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        margin: 0;\n\n        .title {\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          color: var(--nylas-base-800);\n          word-break: break-word;\n          overflow-wrap: break-word;\n        }\n\n        .description {\n          font-size: 14px;\n          font-weight: 400;\n          line-height: 20px;\n          color: var(--nylas-base-600);\n        }\n      }\n    }\n  }\n}\n","// src/components/radio-group/radio-group.tsx\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'radio-group';\n\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop({ attribute: 'default-selected-value' }) defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The property to make the radio group read-only. If true, the radio group cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n  /**\n   * Error message to display when the radio group is required and no value is selected.\n   */\n  @Prop() errorMessage: string = '';\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  @Watch('defaultSelectedValue')\n  handleDefaultSelectedValueChange(newValue: string) {\n    this.selectedValue = newValue;\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  // Lifecycle methods\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  componentDidLoad() {\n    this.selectedValue = this.defaultSelectedValue;\n    if (this.defaultSelectedValue) {\n      this.nylasFormRadioChanged.emit({\n        value: this.defaultSelectedValue,\n        name: this.name,\n        label: this.label,\n      });\n    }\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input\n                type=\"radio\"\n                disabled={this.readOnly}\n                readOnly={this.readOnly}\n                title={this.readOnly ? 'read-only field' : undefined}\n                name={this.name}\n                value={option.value}\n                checked={this.selectedValue === option.value}\n                onChange={() => this.handleChange(option.value)}\n              />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/radio-button-group.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.entry.cjs.js","sources":["src/components/design-system/radio-button-group/radio-button-group.scss?tag=radio-button-group&encapsulation=shadow","src/components/design-system/radio-button-group/radio-button-group.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/inputs' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: 100%;\n}\n\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  slot[name='label'] {\n    @include input-label;\n    font-size: 16px;\n\n    p {\n      margin: 0;\n\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n\n    .error {\n      color: var(--nylas-error);\n    }\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    font-family: var(--nylas-font-family);\n  }\n\n  label {\n    display: flex;\n\n    font-family: var(--nylas-font-family);\n    cursor: pointer;\n\n    .radio-option {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.5rem;\n\n      input[type='radio'] {\n        cursor: pointer;\n      }\n\n      input[type='radio' i] {\n        width: 20px;\n        height: 20px;\n        color: var(--nylas-primary);\n      }\n\n      p {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        margin: 0;\n\n        .title {\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          color: var(--nylas-base-800);\n          word-break: break-word;\n          overflow-wrap: break-word;\n        }\n\n        .description {\n          font-size: 14px;\n          font-weight: 400;\n          line-height: 20px;\n          color: var(--nylas-base-600);\n        }\n      }\n    }\n  }\n}\n","// src/components/radio-group/radio-group.tsx\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'radio-group';\n\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop({ attribute: 'default-selected-value' }) defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The property to make the radio group read-only. If true, the radio group cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n  /**\n   * Error message to display when the radio group is required and no value is selected.\n   */\n  @Prop() errorMessage: string = '';\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  @Watch('defaultSelectedValue')\n  handleDefaultSelectedValueChange(newValue: string) {\n    this.selectedValue = newValue;\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  // Lifecycle methods\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  componentDidLoad() {\n    this.selectedValue = this.defaultSelectedValue;\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input\n                type=\"radio\"\n                disabled={this.readOnly}\n                readOnly={this.readOnly}\n                title={this.readOnly ? 'read-only field' : undefined}\n                name={this.name}\n                value={option.value}\n                checked={this.selectedValue === option.value}\n                onChange={() => this.handleChange(option.value)}\n              />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,glHAAglH;;MCa/lH,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOmB,QAAA,IAAa,CAAA,aAAA,GAAW,aAAa;AAK9C,QAAA,IAAI,CAAA,IAAA,GAAW,aAAa;AAK5B,QAAA,IAAO,CAAA,OAAA,GAA6D,EAAE;AAI/B,QAAA,IAAoB,CAAA,oBAAA,GAAW,EAAE;AAUxE,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAIzB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAQzB,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;AAQxB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AA6G5B;AAlGC,IAAA,gCAAgC,CAAC,QAAgB,EAAA;AAC/C,QAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;IAI/B,yBAAyB,CAAC,MAAmB,EAAE,MAAmB,EAAA;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;;AAG/B,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAMhD,iBAAiB,GAAA;QAGf,cAAc,CAAC,MAAK;AAClB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACvC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;;AAE3C,SAAC,CAAC;;IAGJ,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,oBAAoB;;AAQhD,IAAA,0BAA0B,CAAC,KAAkB,EAAA;QAC3C,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACxC,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,IAAI,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,aAAA,CAAe;YAC9D;;AAEF,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,KAAK,CAAC,cAAc,EAAE;;;IAI1B,iBAAiB,GAAA;QACf,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC;;AAG5D,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;YAC9B,KAAK;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAA,EACf,IAAI,CAAC,KAAK,KACTA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,EAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EACtC,IAAI,CAAC,QAAQ,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAAA,GAAA,CAAS,CAC/C,CACL,CACI,EACN,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KACtBA,OAAA,CAAA,OAAA,EAAA,IAAA,EACEA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvBA,OAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,iBAAiB,GAAG,SAAS,EACpD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC,KAAK,EAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,CAAA,EACFA,OAAA,CAAA,GAAA,EAAA,IAAA,EACEA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,IAAE,MAAM,CAAC,KAAK,CAAQ,EACzCA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,aAAa,EAAA,EAAE,MAAM,CAAC,WAAW,CAAQ,CACnD,CACA,CACA,CACT,CAAC,EACD,IAAI,CAAC,KAAK,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CAC5D;;;;;;;;;;;;"}
+{"version":3,"file":"radio-button-group.entry.cjs.js","sources":["src/components/design-system/radio-button-group/radio-button-group.scss?tag=radio-button-group&encapsulation=shadow","src/components/design-system/radio-button-group/radio-button-group.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/inputs' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: 100%;\n}\n\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  slot[name='label'] {\n    @include input-label;\n    font-size: 16px;\n\n    p {\n      margin: 0;\n\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n\n    .error {\n      color: var(--nylas-error);\n    }\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    font-family: var(--nylas-font-family);\n  }\n\n  label {\n    display: flex;\n\n    font-family: var(--nylas-font-family);\n    cursor: pointer;\n\n    .radio-option {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.5rem;\n\n      input[type='radio'] {\n        cursor: pointer;\n      }\n\n      input[type='radio' i] {\n        width: 20px;\n        height: 20px;\n        color: var(--nylas-primary);\n      }\n\n      p {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n        margin: 0;\n\n        .title {\n          font-size: 16px;\n          font-weight: 500;\n          line-height: 20px;\n          color: var(--nylas-base-800);\n          word-break: break-word;\n          overflow-wrap: break-word;\n        }\n\n        .description {\n          font-size: 14px;\n          font-weight: 400;\n          line-height: 20px;\n          color: var(--nylas-base-600);\n        }\n      }\n    }\n  }\n}\n","// src/components/radio-group/radio-group.tsx\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'radio-group';\n\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop({ attribute: 'default-selected-value' }) defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The property to make the radio group read-only. If true, the radio group cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n  /**\n   * Error message to display when the radio group is required and no value is selected.\n   */\n  @Prop() errorMessage: string = '';\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  @Watch('defaultSelectedValue')\n  handleDefaultSelectedValueChange(newValue: string) {\n    this.selectedValue = newValue;\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  // Lifecycle methods\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  componentDidLoad() {\n    this.selectedValue = this.defaultSelectedValue;\n    if (this.defaultSelectedValue) {\n      this.nylasFormRadioChanged.emit({\n        value: this.defaultSelectedValue,\n        name: this.name,\n        label: this.label,\n      });\n    }\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input\n                type=\"radio\"\n                disabled={this.readOnly}\n                readOnly={this.readOnly}\n                title={this.readOnly ? 'read-only field' : undefined}\n                name={this.name}\n                value={option.value}\n                checked={this.selectedValue === option.value}\n                onChange={() => this.handleChange(option.value)}\n              />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/cjs/{version-Dfv6nyNu.js → version-COw2dh2E.js}

@@ -30,11 +30,11 @@ var ComponentErrorType;
     ComponentErrorType["no_config_id"] = "no_config_id";
 })(ComponentErrorType || (ComponentErrorType = {}));
 
-const version = '2.5.4-canary-20260414201801';
+const version = '2.5.4';
 
 exports.o = o;
 exports.u = u;
 exports.version = version;
-//# sourceMappingURL=version-Dfv6nyNu.js.map
+//# sourceMappingURL=version-COw2dh2E.js.map
 
-//# sourceMappingURL=version-Dfv6nyNu.js.map
+//# sourceMappingURL=version-COw2dh2E.js.map

package/dist/cjs/{version-Dfv6nyNu.js.map → version-COw2dh2E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"version-Dfv6nyNu.js","sources":["../nylas-js-core/dist/index.es.js","src/types/index.ts","src/version.ts"],"sourcesContent":["var t = Object.defineProperty;\nvar c = (r, n, s) => n in r ? t(r, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[n] = s;\nvar a = (r, n, s) => (c(r, typeof n != \"symbol\" ? n + \"\" : n, s), s);\nvar u = /* @__PURE__ */ ((r) => (r.Error = \"error\", r.Warning = \"warning\", r.Info = \"info\", r.Success = \"success\", r))(u || {});\nconst e = (r) => r !== null && typeof r == \"object\" && \"data\" in r, o = (r) => r !== null && typeof r == \"object\" && \"error\" in r;\nclass E extends Error {\n  constructor(s) {\n    super(s == null ? void 0 : s.message);\n    a(this, \"apiError\");\n    this.name = \"NylasAPIError\", this.stack = new Error().stack, this.apiError = s;\n  }\n}\nexport {\n  u as NotificationType,\n  E as NylasAPIError,\n  o as isNylasErrorResponse,\n  e as isNylasSuccessResponse\n};\n","export interface NylasResponse<Data = any> {\n  request_id: string;\n  data?: Data;\n  error?: {\n    message: string;\n    type: string;\n  };\n}\n\n// Avaliability\nexport interface OpenHours {\n  days: number[];\n  exDates: string[];\n  timezone: string;\n  start: string;\n  end: string;\n}\n\nexport interface SpecificTimeAvailability {\n  date: string;\n  start: string;\n  end: string;\n}\n\nexport interface MeetingBuffer {\n  before: number;\n  after: number;\n}\n\n// Scheduling\nexport interface UpdateConfiguration extends Omit<Configuration, 'id'> {}\n\nexport interface ParticipantAvailability {\n  calendar_ids: string[];\n  open_hours?: OpenHours[];\n}\n\nexport type NylasSchedulerBookingParticipant = { name: string; email: string; nameReadOnly?: boolean; emailReadOnly?: boolean };\n\nexport type NylasSchedulerBookingData = {\n  primaryParticipant: NylasSchedulerBookingParticipant;\n  startTime?: Date;\n  endTime?: Date;\n  timezone?: string;\n  language?: string;\n  guests?: NylasSchedulerBookingParticipant[];\n  additionalFields?: Record<\n    string,\n    {\n      value: string;\n      type?: string;\n      readOnly?: boolean;\n    }\n  >;\n};\n\nexport type OpenHour = {\n  days: number[]; // [1, 2, 3, 4, 5]\n  start: string; // \"09:00\"\n  end: string; // \"17:00\"\n  timezone: string; // \"America/Los_Angeles\"\n};\n\nexport type Timeslot = {\n  start_time: Date;\n  end_time: Date;\n  emails?: string[];\n  capacity?: number;\n  event_id?: string;\n  master_id?: string;\n  calendar_id?: string;\n};\n\nexport type ThemeConfig = Partial<{\n  '--nylas-primary': string;\n  '--nylas-info': string;\n  '--nylas-success': string;\n  '--nylas-warning': string;\n  '--nylas-error': string;\n  '--nylas-error-pressed': string;\n  '--nylas-base-0': string;\n  '--nylas-base-25': string;\n  '--nylas-base-50': string;\n  '--nylas-base-100': string;\n  '--nylas-base-200': string;\n  '--nylas-base-300': string;\n  '--nylas-base-400': string;\n  '--nylas-base-500': string;\n  '--nylas-base-600': string;\n  '--nylas-base-700': string;\n  '--nylas-base-800': string;\n  '--nylas-base-900': string;\n  '--nylas-base-950': string;\n  '--nylas-color-blue-50': string;\n  '--nylas-color-blue-100': string;\n  '--nylas-color-blue-300': string;\n  '--nylas-color-blue-500': string;\n  '--nylas-color-blue-700': string;\n  '--nylas-color-blue-900': string;\n  '--nylas-color-red-50': string;\n  '--nylas-color-red-100': string;\n  '--nylas-color-red-300': string;\n  '--nylas-color-red-500': string;\n  '--nylas-color-red-700': string;\n  '--nylas-color-red-900': string;\n  '--nylas-color-green-50': string;\n  '--nylas-color-green-100': string;\n  '--nylas-color-green-300': string;\n  '--nylas-color-green-500': string;\n  '--nylas-color-green-700': string;\n  '--nylas-color-green-900': string;\n  '--nylas-color-yellow-50': string;\n  '--nylas-color-yellow-100': string;\n  '--nylas-color-yellow-300': string;\n  '--nylas-color-yellow-500': string;\n  '--nylas-color-yellow-700': string;\n  '--nylas-color-yellow-900': string;\n  '--nylas-color-purple-50': string;\n  '--nylas-color-purple-100': string;\n  '--nylas-color-purple-300': string;\n  '--nylas-color-purple-500': string;\n  '--nylas-color-purple-700': string;\n  '--nylas-color-purple-900': string;\n  '--nylas-color-sky-50': string;\n  '--nylas-color-sky-100': string;\n  '--nylas-color-sky-300': string;\n  '--nylas-color-sky-500': string;\n  '--nylas-color-sky-700': string;\n  '--nylas-color-sky-900': string;\n  '--nylas-color-black': string;\n  '--nylas-color-grey-900': string;\n  '--nylas-color-grey-800': string;\n  '--nylas-color-grey-700': string;\n  '--nylas-color-grey-600': string;\n  '--nylas-color-grey-500': string;\n  '--nylas-color-grey-400': string;\n  '--nylas-color-grey-300': string;\n  '--nylas-color-grey-200': string;\n  '--nylas-color-grey-100': string;\n  '--nylas-color-grey-50': string;\n  '--nylas-color-white': string;\n  '--nylas-font-family': string;\n  '--nylas-font-size': string;\n  '--nylas-border-radius': string;\n  '--nylas-border-radius-2x': string;\n  '--nylas-border-radius-3x': string;\n}>;\n\nexport enum NotificationType {\n  Error = 'error',\n  Warning = 'warning',\n  Info = 'info',\n  Success = 'success',\n}\n\nexport type Notification = {\n  id: string;\n  type: NotificationType;\n  title: string;\n  code?: number;\n  category: string;\n  description?: string;\n  ttl?: number | 'none';\n};\n\nexport type BookingType = 'booking' | 'organizer-confirmation' | 'custom-confirmation';\n\nexport type AvailabilityMethod = 'max-fairness' | 'max-availability' | 'collective';\n\nexport type ConferenceProvider = 'GoogleMeetConferenceProvider' | 'MicrosoftTeamsConferenceProvider' | 'ZoomConferenceProvider' | 'OnlineMeetingProviderMicrosoftTeams';\n\nexport type ReminderMethod = 'email' | 'webhook';\n\nexport interface Rules {\n  availability_method: AvailabilityMethod;\n  buffer: MeetingBuffer;\n  default_open_hours: OpenHours[];\n  round_robin_group_id: string;\n}\n\nexport interface ConferenceDetail {\n  meeting_code?: string; // zoom, GTM, microsoft teams\n  password?: string; // zoom, webex\n  url?: string; // zoom, webex, GTM, meet, microsoft teams\n  pin?: string; // webex, meet\n  phone?: string[]; // GTM, meet, microsoft teams\n}\n\nexport interface Conference {\n  provider?: ConferenceProvider;\n  details?: ConferenceDetail;\n  autocreate?: { [key: string]: any };\n}\n\nexport interface ParticipantBooking {\n  calendar_id: string;\n}\n\nexport interface Participant {\n  email: string;\n  name?: string;\n  is_organizer?: boolean;\n  availability?: ParticipantAvailability;\n  booking?: ParticipantBooking;\n  specific_time_availability?: SpecificTimeAvailability[];\n  timezone?: string;\n}\n\nexport interface EventReminder {\n  type: ReminderMethod;\n  minutes_before_event: number;\n  recipient?: string;\n  email_subject?: string;\n}\n\nexport interface Availability {\n  duration_minutes: number;\n  interval_minutes?: number;\n  round_to?: number;\n  availability_rules?: Rules;\n}\n\nexport interface NotetakerActionItemsSettings {\n  custom_instructions?: string;\n}\n\nexport interface NotetakerSummarySettings {\n  custom_instructions?: string;\n}\n\nexport interface NotetakerMeetingSettings {\n  action_items?: boolean;\n  action_items_settings?: NotetakerActionItemsSettings;\n  audio_recording?: boolean;\n  summary?: boolean;\n  summary_settings?: NotetakerSummarySettings;\n  transcription?: boolean;\n  video_recording?: boolean;\n}\n\nexport interface Notetaker {\n  visible?: boolean; // default is false\n  enabled?: boolean; // default is false\n  name?: string;\n  meeting_settings?: NotetakerMeetingSettings;\n}\n\nexport interface EventBooking {\n  title: string;\n  description?: string;\n  location?: string;\n  timezone?: string;\n  booking_type: BookingType;\n  conferencing?: Conference;\n  hide_participants?: boolean;\n  disable_emails?: boolean;\n  reminders?: EventReminder[];\n  notetaker?: Notetaker;\n}\n\nexport interface Appearance {\n  color?: string;\n  submit_button_label?: string;\n  thank_you_message?: string;\n  company_logo_url?: string;\n}\n\nexport interface Scheduler {\n  available_days_in_future?: number;\n  min_cancellation_notice: number;\n  min_booking_notice?: number;\n  rescheduling_url?: string;\n  cancellation_url?: string;\n  organizer_confirmation_url?: string;\n  cancellation_policy?: string;\n  hide_additional_guests?: boolean;\n  hide_cancellation_options?: boolean;\n  hide_rescheduling_options?: boolean;\n  additional_fields?: Record<string, AdditionalFields>;\n  email_template?: EmailTemplate;\n  confirmation_redirect_url?: string;\n}\nexport interface AdditionalFields {\n  type: string;\n  required: boolean;\n  order: number;\n  options?: string[];\n  label?: string;\n  default?: string;\n}\n\nexport interface EmailTemplate {\n  logo: string;\n  booking_confirmed: BookingConfirmed;\n  show_nylas_branding: boolean;\n  organizer_locale: string;\n}\n\nexport interface BookingConfirmed {\n  title: string;\n  body: string;\n}\n\nexport interface Configuration {\n  id: string;\n  version: string;\n  type?: string;\n  requires_session_auth?: boolean;\n  participants: Participant[];\n  availability: Availability;\n  event_booking: EventBooking;\n  scheduler: Partial<Scheduler>;\n  slug: string;\n  appearance: Appearance;\n  name: string;\n}\n\nexport interface GroupBooking {\n  booking_type: BookingType; // Only 'booking' is supported\n  disable_emails?: boolean;\n  reminders?: EventReminder[];\n  conferencing?: Conference;\n  calendar_id: string;\n  default_capacity: number;\n}\n\nexport interface GroupConfiguration {\n  id: string;\n  name: string;\n  slug: string;\n  requires_session_auth?: boolean;\n  type: 'group';\n  group_booking: GroupBooking;\n  scheduler: Scheduler;\n  appearance: Appearance;\n}\n\nexport interface Creator {\n  name: string;\n  email: string;\n}\nexport interface AdditionalParticipant {\n  name: string;\n  email: string;\n  grant_id?: string;\n  calendars: {\n    id: string;\n    name: string;\n    object?: 'calendar';\n    is_primary?: boolean;\n    is_owned_by_user?: boolean;\n    read_only?: boolean;\n    timezone?: string;\n  }[];\n}\n\n/**\n * Parameters for fetching participant info when loading an existing config for edit.\n * Used when the config has participants (emails) but full AdditionalParticipant\n * data (calendars, etc.) needs to be fetched from an external source.\n */\nexport interface ParticipantFetchParams {\n  /** Emails of participants to fetch full info for */\n  emails: string[];\n  /** Optional grant ID to scope the fetch (e.g. for multi-account) */\n  grantId?: string;\n}\n\n/**\n * Callback to fetch full participant info by emails.\n * Called when loading an existing config for edit.\n */\nexport type ParticipantFetch = (params: ParticipantFetchParams) => Promise<AdditionalParticipant[]>;\n\n/**\n * Callback to search participants by query (for autocomplete).\n */\nexport type ParticipantSearch = (query: string) => Promise<AdditionalParticipant[]>;\n\nexport interface GroupEvent {\n  id?: string;\n  title: string;\n  busy: boolean;\n  participants: NylasSchedulerBookingParticipant[];\n  resources: {\n    name: string;\n    email: string;\n  }[];\n  description: string;\n  when: {\n    start_time: number;\n    end_time: number;\n    start_timezone?: string;\n    end_timezone?: string;\n  };\n  location: string;\n  recurrence: string[];\n  capacity: number;\n}\n\nexport type RecurrenceUpdateOption = 'this' | 'future' | 'all';\nexport type RecurrenceDeleteOption = 'this' | 'future' | 'all';\n\nexport type Snapshot = {\n  busy: boolean;\n  calendar_id: string;\n  hide_participants: boolean;\n  ical_uid: string;\n  organizer: {\n    name: string;\n    email: string;\n  };\n  participants: {\n    email: string;\n    status: string;\n  }[];\n  resources: any[];\n  read_only: boolean;\n  recurrence: string[];\n  reminders: {\n    use_default: boolean;\n    overrides: any[];\n  };\n  title: string;\n  description?: string;\n  location?: string;\n  conferencing?: Conference;\n  visibility: string;\n  creator: {\n    name: string;\n    email: string;\n  };\n  html_link: string;\n  grant_id: string;\n  id: string;\n  object: string;\n  status: string;\n  when: {\n    start_timezone: string;\n    end_timezone: string;\n    object: string;\n    start_time: number; // Unix timestamp\n    end_time: number; // Unix timestamp\n  };\n  created_at: number; // Unix timestamp\n  updated_at: number; // Unix timestamp\n};\n\nexport interface GroupEventAPIData {\n  event: EventDetails;\n  group_event_info?: GroupEventInfo;\n}\n\nexport type EventDetails = {\n  busy: boolean;\n  calendar_id: string;\n  conferencing: {\n    provider: ConferenceProvider;\n    details: {\n      meeting_code: string;\n      url: string;\n      pin: string;\n      phone: string[];\n    };\n  };\n  hide_participants: boolean;\n  ical_uid: string;\n  organizer: {\n    name: string;\n    email: string;\n  };\n  participants: Array<{\n    email: string;\n    status: 'yes' | 'no' | 'noreply';\n    comment?: string;\n  }>;\n  resources: string[];\n  read_only: boolean;\n  reminders: {\n    use_default: boolean;\n    overrides: Array<{\n      method?: string;\n      minutes?: number;\n    }>;\n  };\n  title: string;\n  description?: string;\n  location?: string;\n  visibility: 'default' | 'public' | 'private';\n  creator: {\n    name: string;\n    email: string;\n  };\n  html_link: string;\n  master_event_id: string;\n  color_id: string;\n  grant_id: string;\n  id: string;\n  object: 'event';\n  status: 'confirmed' | 'tentative' | 'cancelled';\n  when: {\n    start_timezone: string;\n    end_timezone: string;\n    object: 'timespan';\n    start_time: number;\n    end_time: number;\n  };\n  created_at: number;\n  updated_at: number;\n  original_start_time: number;\n};\n\nexport type GroupEventInfo = {\n  event_id: string;\n  calendar_id: string;\n  master_id: string;\n  config_id: string;\n  capacity: number;\n  type: 'updated_event' | 'single_event' | 'master_event';\n  booked: boolean;\n  finished: boolean;\n  participants: Array<{\n    email: string;\n    is_organizer: boolean;\n    name: string;\n    timezone: string;\n  }>;\n  snapshot: any | null;\n  snapshot_expires_at: number;\n  rrule: string[] | null;\n  exceptions: {\n    event_id: string;\n    capacity: number;\n    participants: Array<{\n      email: string;\n      is_organizer: boolean;\n      name: string;\n      timezone: string;\n    }>;\n  }[];\n};\n\nexport type ImportGroupEventDetails = {\n  event_id: string;\n  calendar_id: string;\n  capacity: number;\n  participants: Participant[];\n  organizer: {\n    name: string;\n    email: string;\n  };\n};\n\nexport type ImportGroupEventResponse = {\n  imported_events: string[];\n  import_failed: {\n    event_id: string;\n    reason: string;\n  }[];\n};\n\nexport enum ErrorCategory {\n  Component = 'component',\n  Api = 'api',\n  Auth = 'auth',\n}\n\nexport interface ErrorDetails {\n  title: string;\n  message: string;\n  category: ErrorCategory;\n}\n\nexport enum ComponentErrorType {\n  endtime_not_in_future = 'endtime_not_in_future',\n  no_booking_info = 'no_booking_info',\n  no_timeslot_selected = 'no_timeslot_selected',\n  no_timezone_selected = 'no_timezone_selected',\n  no_booking_id = 'no_booking_id',\n  no_salt = 'no_salt',\n  invalid_start_time = 'invalid_start_time',\n  invalid_end_time = 'invalid_end_time',\n  invalid_timezone = 'invalid_timezone',\n  no_config_id = 'no_config_id',\n}\n\nexport interface KeyPoint {\n  time: number;\n  text: string;\n  active?: boolean;\n}\n","export const version = '2.5.4-canary-20260414201801';\n"],"names":["NotificationType","ErrorCategory"],"mappings":";;AAGG,IAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,OAAO,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE;AACzH,MAA+D,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ,IAAI,OAAO,IAAI;;ACgJpHA;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EALWA,wBAAgB,KAAhBA,wBAAgB,GAK3B,EAAA,CAAA,CAAA;AAwZWC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAJWA,qBAAa,KAAbA,qBAAa,GAIxB,EAAA,CAAA,CAAA;AAQD,IAAY,kBAWX;AAXD,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,uBAAA,CAAA,GAAA,uBAA+C;AAC/C,IAAA,kBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnC,IAAA,kBAAA,CAAA,sBAAA,CAAA,GAAA,sBAA6C;AAC7C,IAAA,kBAAA,CAAA,sBAAA,CAAA,GAAA,sBAA6C;AAC7C,IAAA,kBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,kBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC;AACrC,IAAA,kBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC;AACrC,IAAA,kBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAXW,kBAAkB,KAAlB,kBAAkB,GAW7B,EAAA,CAAA,CAAA;;ACxkBM,MAAM,OAAO,GAAG;;;;;;"}
+{"version":3,"file":"version-COw2dh2E.js","sources":["../nylas-js-core/dist/index.es.js","src/types/index.ts","src/version.ts"],"sourcesContent":["var t = Object.defineProperty;\nvar c = (r, n, s) => n in r ? t(r, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[n] = s;\nvar a = (r, n, s) => (c(r, typeof n != \"symbol\" ? n + \"\" : n, s), s);\nvar u = /* @__PURE__ */ ((r) => (r.Error = \"error\", r.Warning = \"warning\", r.Info = \"info\", r.Success = \"success\", r))(u || {});\nconst e = (r) => r !== null && typeof r == \"object\" && \"data\" in r, o = (r) => r !== null && typeof r == \"object\" && \"error\" in r;\nclass E extends Error {\n  constructor(s) {\n    super(s == null ? void 0 : s.message);\n    a(this, \"apiError\");\n    this.name = \"NylasAPIError\", this.stack = new Error().stack, this.apiError = s;\n  }\n}\nexport {\n  u as NotificationType,\n  E as NylasAPIError,\n  o as isNylasErrorResponse,\n  e as isNylasSuccessResponse\n};\n","export interface NylasResponse<Data = any> {\n  request_id: string;\n  data?: Data;\n  error?: {\n    message: string;\n    type: string;\n  };\n}\n\n// Avaliability\nexport interface OpenHours {\n  days: number[];\n  exDates: string[];\n  timezone: string;\n  start: string;\n  end: string;\n}\n\nexport interface SpecificTimeAvailability {\n  date: string;\n  start: string;\n  end: string;\n}\n\nexport interface MeetingBuffer {\n  before: number;\n  after: number;\n}\n\n// Scheduling\nexport interface UpdateConfiguration extends Omit<Configuration, 'id'> {}\n\nexport interface ParticipantAvailability {\n  calendar_ids: string[];\n  open_hours?: OpenHours[];\n}\n\nexport type NylasSchedulerBookingParticipant = { name: string; email: string; nameReadOnly?: boolean; emailReadOnly?: boolean };\n\nexport type NylasSchedulerBookingData = {\n  primaryParticipant: NylasSchedulerBookingParticipant;\n  startTime?: Date;\n  endTime?: Date;\n  timezone?: string;\n  language?: string;\n  guests?: NylasSchedulerBookingParticipant[];\n  additionalFields?: Record<\n    string,\n    {\n      value: string;\n      type?: string;\n      readOnly?: boolean;\n    }\n  >;\n};\n\nexport type OpenHour = {\n  days: number[]; // [1, 2, 3, 4, 5]\n  start: string; // \"09:00\"\n  end: string; // \"17:00\"\n  timezone: string; // \"America/Los_Angeles\"\n};\n\nexport type Timeslot = {\n  start_time: Date;\n  end_time: Date;\n  emails?: string[];\n  capacity?: number;\n  event_id?: string;\n  master_id?: string;\n  calendar_id?: string;\n};\n\nexport type ThemeConfig = Partial<{\n  '--nylas-primary': string;\n  '--nylas-info': string;\n  '--nylas-success': string;\n  '--nylas-warning': string;\n  '--nylas-error': string;\n  '--nylas-error-pressed': string;\n  '--nylas-base-0': string;\n  '--nylas-base-25': string;\n  '--nylas-base-50': string;\n  '--nylas-base-100': string;\n  '--nylas-base-200': string;\n  '--nylas-base-300': string;\n  '--nylas-base-400': string;\n  '--nylas-base-500': string;\n  '--nylas-base-600': string;\n  '--nylas-base-700': string;\n  '--nylas-base-800': string;\n  '--nylas-base-900': string;\n  '--nylas-base-950': string;\n  '--nylas-color-blue-50': string;\n  '--nylas-color-blue-100': string;\n  '--nylas-color-blue-300': string;\n  '--nylas-color-blue-500': string;\n  '--nylas-color-blue-700': string;\n  '--nylas-color-blue-900': string;\n  '--nylas-color-red-50': string;\n  '--nylas-color-red-100': string;\n  '--nylas-color-red-300': string;\n  '--nylas-color-red-500': string;\n  '--nylas-color-red-700': string;\n  '--nylas-color-red-900': string;\n  '--nylas-color-green-50': string;\n  '--nylas-color-green-100': string;\n  '--nylas-color-green-300': string;\n  '--nylas-color-green-500': string;\n  '--nylas-color-green-700': string;\n  '--nylas-color-green-900': string;\n  '--nylas-color-yellow-50': string;\n  '--nylas-color-yellow-100': string;\n  '--nylas-color-yellow-300': string;\n  '--nylas-color-yellow-500': string;\n  '--nylas-color-yellow-700': string;\n  '--nylas-color-yellow-900': string;\n  '--nylas-color-purple-50': string;\n  '--nylas-color-purple-100': string;\n  '--nylas-color-purple-300': string;\n  '--nylas-color-purple-500': string;\n  '--nylas-color-purple-700': string;\n  '--nylas-color-purple-900': string;\n  '--nylas-color-sky-50': string;\n  '--nylas-color-sky-100': string;\n  '--nylas-color-sky-300': string;\n  '--nylas-color-sky-500': string;\n  '--nylas-color-sky-700': string;\n  '--nylas-color-sky-900': string;\n  '--nylas-color-black': string;\n  '--nylas-color-grey-900': string;\n  '--nylas-color-grey-800': string;\n  '--nylas-color-grey-700': string;\n  '--nylas-color-grey-600': string;\n  '--nylas-color-grey-500': string;\n  '--nylas-color-grey-400': string;\n  '--nylas-color-grey-300': string;\n  '--nylas-color-grey-200': string;\n  '--nylas-color-grey-100': string;\n  '--nylas-color-grey-50': string;\n  '--nylas-color-white': string;\n  '--nylas-font-family': string;\n  '--nylas-font-size': string;\n  '--nylas-border-radius': string;\n  '--nylas-border-radius-2x': string;\n  '--nylas-border-radius-3x': string;\n}>;\n\nexport enum NotificationType {\n  Error = 'error',\n  Warning = 'warning',\n  Info = 'info',\n  Success = 'success',\n}\n\nexport type Notification = {\n  id: string;\n  type: NotificationType;\n  title: string;\n  code?: number;\n  category: string;\n  description?: string;\n  ttl?: number | 'none';\n};\n\nexport type BookingType = 'booking' | 'organizer-confirmation' | 'custom-confirmation';\n\nexport type AvailabilityMethod = 'max-fairness' | 'max-availability' | 'collective';\n\nexport type ConferenceProvider = 'GoogleMeetConferenceProvider' | 'MicrosoftTeamsConferenceProvider' | 'ZoomConferenceProvider' | 'OnlineMeetingProviderMicrosoftTeams';\n\nexport type ReminderMethod = 'email' | 'webhook';\n\nexport interface Rules {\n  availability_method: AvailabilityMethod;\n  buffer: MeetingBuffer;\n  default_open_hours: OpenHours[];\n  round_robin_group_id: string;\n}\n\nexport interface ConferenceDetail {\n  meeting_code?: string; // zoom, GTM, microsoft teams\n  password?: string; // zoom, webex\n  url?: string; // zoom, webex, GTM, meet, microsoft teams\n  pin?: string; // webex, meet\n  phone?: string[]; // GTM, meet, microsoft teams\n}\n\nexport interface Conference {\n  provider?: ConferenceProvider;\n  details?: ConferenceDetail;\n  autocreate?: { [key: string]: any };\n}\n\nexport interface ParticipantBooking {\n  calendar_id: string;\n}\n\nexport interface Participant {\n  email: string;\n  name?: string;\n  is_organizer?: boolean;\n  availability?: ParticipantAvailability;\n  booking?: ParticipantBooking;\n  specific_time_availability?: SpecificTimeAvailability[];\n  timezone?: string;\n}\n\nexport interface EventReminder {\n  type: ReminderMethod;\n  minutes_before_event: number;\n  recipient?: string;\n  email_subject?: string;\n}\n\nexport interface Availability {\n  duration_minutes: number;\n  interval_minutes?: number;\n  round_to?: number;\n  availability_rules?: Rules;\n}\n\nexport interface NotetakerActionItemsSettings {\n  custom_instructions?: string;\n}\n\nexport interface NotetakerSummarySettings {\n  custom_instructions?: string;\n}\n\nexport interface NotetakerMeetingSettings {\n  action_items?: boolean;\n  action_items_settings?: NotetakerActionItemsSettings;\n  audio_recording?: boolean;\n  summary?: boolean;\n  summary_settings?: NotetakerSummarySettings;\n  transcription?: boolean;\n  video_recording?: boolean;\n}\n\nexport interface Notetaker {\n  visible?: boolean; // default is false\n  enabled?: boolean; // default is false\n  name?: string;\n  meeting_settings?: NotetakerMeetingSettings;\n}\n\nexport interface EventBooking {\n  title: string;\n  description?: string;\n  location?: string;\n  timezone?: string;\n  booking_type: BookingType;\n  conferencing?: Conference;\n  hide_participants?: boolean;\n  disable_emails?: boolean;\n  reminders?: EventReminder[];\n  notetaker?: Notetaker;\n}\n\nexport interface Appearance {\n  color?: string;\n  submit_button_label?: string;\n  thank_you_message?: string;\n  company_logo_url?: string;\n}\n\nexport interface Scheduler {\n  available_days_in_future?: number;\n  min_cancellation_notice: number;\n  min_booking_notice?: number;\n  rescheduling_url?: string;\n  cancellation_url?: string;\n  organizer_confirmation_url?: string;\n  cancellation_policy?: string;\n  hide_additional_guests?: boolean;\n  hide_cancellation_options?: boolean;\n  hide_rescheduling_options?: boolean;\n  additional_fields?: Record<string, AdditionalFields>;\n  email_template?: EmailTemplate;\n  confirmation_redirect_url?: string;\n}\nexport interface AdditionalFields {\n  type: string;\n  required: boolean;\n  order: number;\n  options?: string[];\n  label?: string;\n  default?: string;\n}\n\nexport interface EmailTemplate {\n  logo: string;\n  booking_confirmed: BookingConfirmed;\n  show_nylas_branding: boolean;\n  organizer_locale: string;\n}\n\nexport interface BookingConfirmed {\n  title: string;\n  body: string;\n}\n\nexport interface Configuration {\n  id: string;\n  version: string;\n  type?: string;\n  requires_session_auth?: boolean;\n  participants: Participant[];\n  availability: Availability;\n  event_booking: EventBooking;\n  scheduler: Partial<Scheduler>;\n  slug: string;\n  appearance: Appearance;\n  name: string;\n}\n\nexport interface GroupBooking {\n  booking_type: BookingType; // Only 'booking' is supported\n  disable_emails?: boolean;\n  reminders?: EventReminder[];\n  conferencing?: Conference;\n  calendar_id: string;\n  default_capacity: number;\n}\n\nexport interface GroupConfiguration {\n  id: string;\n  name: string;\n  slug: string;\n  requires_session_auth?: boolean;\n  type: 'group';\n  group_booking: GroupBooking;\n  scheduler: Scheduler;\n  appearance: Appearance;\n}\n\nexport interface Creator {\n  name: string;\n  email: string;\n}\nexport interface AdditionalParticipant {\n  name: string;\n  email: string;\n  grant_id?: string;\n  calendars: {\n    id: string;\n    name: string;\n    object?: 'calendar';\n    is_primary?: boolean;\n    is_owned_by_user?: boolean;\n    read_only?: boolean;\n    timezone?: string;\n  }[];\n}\n\n/**\n * Parameters for fetching participant info when loading an existing config for edit.\n * Used when the config has participants (emails) but full AdditionalParticipant\n * data (calendars, etc.) needs to be fetched from an external source.\n */\nexport interface ParticipantFetchParams {\n  /** Emails of participants to fetch full info for */\n  emails: string[];\n  /** Optional grant ID to scope the fetch (e.g. for multi-account) */\n  grantId?: string;\n}\n\n/**\n * Callback to fetch full participant info by emails.\n * Called when loading an existing config for edit.\n */\nexport type ParticipantFetch = (params: ParticipantFetchParams) => Promise<AdditionalParticipant[]>;\n\n/**\n * Callback to search participants by query (for autocomplete).\n */\nexport type ParticipantSearch = (query: string) => Promise<AdditionalParticipant[]>;\n\nexport interface GroupEvent {\n  id?: string;\n  title: string;\n  busy: boolean;\n  participants: NylasSchedulerBookingParticipant[];\n  resources: {\n    name: string;\n    email: string;\n  }[];\n  description: string;\n  when: {\n    start_time: number;\n    end_time: number;\n    start_timezone?: string;\n    end_timezone?: string;\n  };\n  location: string;\n  recurrence: string[];\n  capacity: number;\n}\n\nexport type RecurrenceUpdateOption = 'this' | 'future' | 'all';\nexport type RecurrenceDeleteOption = 'this' | 'future' | 'all';\n\nexport type Snapshot = {\n  busy: boolean;\n  calendar_id: string;\n  hide_participants: boolean;\n  ical_uid: string;\n  organizer: {\n    name: string;\n    email: string;\n  };\n  participants: {\n    email: string;\n    status: string;\n  }[];\n  resources: any[];\n  read_only: boolean;\n  recurrence: string[];\n  reminders: {\n    use_default: boolean;\n    overrides: any[];\n  };\n  title: string;\n  description?: string;\n  location?: string;\n  conferencing?: Conference;\n  visibility: string;\n  creator: {\n    name: string;\n    email: string;\n  };\n  html_link: string;\n  grant_id: string;\n  id: string;\n  object: string;\n  status: string;\n  when: {\n    start_timezone: string;\n    end_timezone: string;\n    object: string;\n    start_time: number; // Unix timestamp\n    end_time: number; // Unix timestamp\n  };\n  created_at: number; // Unix timestamp\n  updated_at: number; // Unix timestamp\n};\n\nexport interface GroupEventAPIData {\n  event: EventDetails;\n  group_event_info?: GroupEventInfo;\n}\n\nexport type EventDetails = {\n  busy: boolean;\n  calendar_id: string;\n  conferencing: {\n    provider: ConferenceProvider;\n    details: {\n      meeting_code: string;\n      url: string;\n      pin: string;\n      phone: string[];\n    };\n  };\n  hide_participants: boolean;\n  ical_uid: string;\n  organizer: {\n    name: string;\n    email: string;\n  };\n  participants: Array<{\n    email: string;\n    status: 'yes' | 'no' | 'noreply';\n    comment?: string;\n  }>;\n  resources: string[];\n  read_only: boolean;\n  reminders: {\n    use_default: boolean;\n    overrides: Array<{\n      method?: string;\n      minutes?: number;\n    }>;\n  };\n  title: string;\n  description?: string;\n  location?: string;\n  visibility: 'default' | 'public' | 'private';\n  creator: {\n    name: string;\n    email: string;\n  };\n  html_link: string;\n  master_event_id: string;\n  color_id: string;\n  grant_id: string;\n  id: string;\n  object: 'event';\n  status: 'confirmed' | 'tentative' | 'cancelled';\n  when: {\n    start_timezone: string;\n    end_timezone: string;\n    object: 'timespan';\n    start_time: number;\n    end_time: number;\n  };\n  created_at: number;\n  updated_at: number;\n  original_start_time: number;\n};\n\nexport type GroupEventInfo = {\n  event_id: string;\n  calendar_id: string;\n  master_id: string;\n  config_id: string;\n  capacity: number;\n  type: 'updated_event' | 'single_event' | 'master_event';\n  booked: boolean;\n  finished: boolean;\n  participants: Array<{\n    email: string;\n    is_organizer: boolean;\n    name: string;\n    timezone: string;\n  }>;\n  snapshot: any | null;\n  snapshot_expires_at: number;\n  rrule: string[] | null;\n  exceptions: {\n    event_id: string;\n    capacity: number;\n    participants: Array<{\n      email: string;\n      is_organizer: boolean;\n      name: string;\n      timezone: string;\n    }>;\n  }[];\n};\n\nexport type ImportGroupEventDetails = {\n  event_id: string;\n  calendar_id: string;\n  capacity: number;\n  participants: Participant[];\n  organizer: {\n    name: string;\n    email: string;\n  };\n};\n\nexport type ImportGroupEventResponse = {\n  imported_events: string[];\n  import_failed: {\n    event_id: string;\n    reason: string;\n  }[];\n};\n\nexport enum ErrorCategory {\n  Component = 'component',\n  Api = 'api',\n  Auth = 'auth',\n}\n\nexport interface ErrorDetails {\n  title: string;\n  message: string;\n  category: ErrorCategory;\n}\n\nexport enum ComponentErrorType {\n  endtime_not_in_future = 'endtime_not_in_future',\n  no_booking_info = 'no_booking_info',\n  no_timeslot_selected = 'no_timeslot_selected',\n  no_timezone_selected = 'no_timezone_selected',\n  no_booking_id = 'no_booking_id',\n  no_salt = 'no_salt',\n  invalid_start_time = 'invalid_start_time',\n  invalid_end_time = 'invalid_end_time',\n  invalid_timezone = 'invalid_timezone',\n  no_config_id = 'no_config_id',\n}\n\nexport interface KeyPoint {\n  time: number;\n  text: string;\n  active?: boolean;\n}\n","export const version = '2.5.4';\n"],"names":["NotificationType","ErrorCategory"],"mappings":";;AAGG,IAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,OAAO,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE;AACzH,MAA+D,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ,IAAI,OAAO,IAAI;;ACgJpHA;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EALWA,wBAAgB,KAAhBA,wBAAgB,GAK3B,EAAA,CAAA,CAAA;AAwZWC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAJWA,qBAAa,KAAbA,qBAAa,GAIxB,EAAA,CAAA,CAAA;AAQD,IAAY,kBAWX;AAXD,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,uBAAA,CAAA,GAAA,uBAA+C;AAC/C,IAAA,kBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnC,IAAA,kBAAA,CAAA,sBAAA,CAAA,GAAA,sBAA6C;AAC7C,IAAA,kBAAA,CAAA,sBAAA,CAAA,GAAA,sBAA6C;AAC7C,IAAA,kBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,kBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC;AACrC,IAAA,kBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC;AACrC,IAAA,kBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAXW,kBAAkB,KAAlB,kBAAkB,GAW7B,EAAA,CAAA,CAAA;;ACxkBM,MAAM,OAAO,GAAG;;;;;;"}

package/dist/collection/components/design-system/radio-button-group/radio-button-group.js

@@ -35,6 +35,13 @@ export class RadioButtonGroup {
     }
     componentDidLoad() {
         this.selectedValue = this.defaultSelectedValue;
+        if (this.defaultSelectedValue) {
+            this.nylasFormRadioChanged.emit({
+                value: this.defaultSelectedValue,
+                name: this.name,
+                label: this.label,
+            });
+        }
     }
     handleBookingFormSubmitted(event) {
         if (this.required && !this.selectedValue) {
@@ -58,7 +65,7 @@ export class RadioButtonGroup {
         });
     }
     render() {
-        return (h("div", { key: '9a171da3f6a18e69d743e068cfb3a958b4534ec2', class: "radio-group" }, h("slot", { key: '6ce2e5f4e51b3907a6cb5d952423bc720a16bd75', name: "label" }, this.label && (h("p", { key: '6cefd7a9568652f81b5dd2a61157e9253e6ad5e5', class: { error: !!this.error } }, h("span", { key: 'ac078a4f3eba135f85acf1a9417682545221cd39', class: "label" }, this.label), this.required && h("span", { key: '531c0bef412eac313ca0e91d74e5a5ae0f277fa3', class: "required" }, "*")))), this.options.map(option => (h("label", null, h("div", { class: "radio-option" }, h("input", { type: "radio", disabled: this.readOnly, readOnly: this.readOnly, title: this.readOnly ? 'read-only field' : undefined, name: this.name, value: option.value, checked: this.selectedValue === option.value, onChange: () => this.handleChange(option.value) }), h("p", null, h("span", { class: "title" }, option.label), h("span", { class: "description" }, option.description)))))), this.error && h("span", { key: 'e5b907eea1916a3c3e84c49763f20b5008a29e05', class: "error help-text" }, this.error)));
+        return (h("div", { key: '7d4f9dbc6fb35ba0d6ec854c67b04f320888bff0', class: "radio-group" }, h("slot", { key: '4e8f1ebf95e25021f49c0973bb16609730303c2d', name: "label" }, this.label && (h("p", { key: 'a944e18fac56caeb5582028c38d055b399cd6693', class: { error: !!this.error } }, h("span", { key: '2730c691418b2890b52b182d0389eb4a6ea42edb', class: "label" }, this.label), this.required && h("span", { key: 'ec2d3213ab090cf75a9499c03f64b1cf8ac860b8', class: "required" }, "*")))), this.options.map(option => (h("label", null, h("div", { class: "radio-option" }, h("input", { type: "radio", disabled: this.readOnly, readOnly: this.readOnly, title: this.readOnly ? 'read-only field' : undefined, name: this.name, value: option.value, checked: this.selectedValue === option.value, onChange: () => this.handleChange(option.value) }), h("p", null, h("span", { class: "title" }, option.label), h("span", { class: "description" }, option.description)))))), this.error && h("span", { key: 'bbe79d56c58731dd23fd68f6efea548faffcbc25', class: "error help-text" }, this.error)));
     }
     static get is() { return "radio-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/design-system/radio-button-group/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/design-system/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAWvG,MAAM,OAAO,gBAAgB;IAL7B;QAOmB,kBAAa,GAAW,aAAa,CAAC;QAK/C,SAAI,GAAW,aAAa,CAAC;QAK7B,YAAO,GAA6D,EAAE,CAAC;QAIhC,yBAAoB,GAAW,EAAE,CAAC;QAUzE,aAAQ,GAAY,KAAK,CAAC;QAI1B,aAAQ,GAAY,KAAK,CAAC;QAQ1B,iBAAY,GAAW,EAAE,CAAC;QAQzB,UAAK,GAAW,EAAE,CAAC;KA6G7B;IAlGC,gCAAgC,CAAC,QAAgB;QAC/C,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;IAChC,CAAC;IAGD,yBAAyB,CAAC,MAAmB,EAAE,MAAmB;QAChE,IAAI,MAAM,KAAK,MAAM;YAAE,OAAO;QAC9B,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAED,gBAAgB,CAAC,WAAyB;QACxC,IAAI,WAAW,EAAE,CAAC;YAChB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;IACH,CAAC;IAGD,iBAAiB;QAGf,cAAc,CAAC,GAAG,EAAE;YAClB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACxC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC;IACjD,CAAC;IAOD,0BAA0B,CAAC,KAAkB;QAC3C,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACzC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,CAAC,KAAK,eAAe,CAAC;YAC/D,OAAO;QACT,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;YAC9B,KAAK;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,aAAa;YACtB,6DAAM,IAAI,EAAC,OAAO,IACf,IAAI,CAAC,KAAK,IAAI,CACb,0DAAG,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;gBAC/B,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACtC,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,UAAU,QAAS,CAC/C,CACL,CACI;YACN,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B;gBACE,WAAK,KAAK,EAAC,cAAc;oBACvB,aACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACpD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC,KAAK,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C;oBACF;wBACE,YAAM,KAAK,EAAC,OAAO,IAAE,MAAM,CAAC,KAAK,CAAQ;wBACzC,YAAM,KAAK,EAAC,aAAa,IAAE,MAAM,CAAC,WAAW,CAAQ,CACnD,CACA,CACA,CACT,CAAC;YACD,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC5D,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// src/components/radio-group/radio-group.tsx\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'radio-group';\n\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop({ attribute: 'default-selected-value' }) defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The property to make the radio group read-only. If true, the radio group cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n  /**\n   * Error message to display when the radio group is required and no value is selected.\n   */\n  @Prop() errorMessage: string = '';\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  @Watch('defaultSelectedValue')\n  handleDefaultSelectedValueChange(newValue: string) {\n    this.selectedValue = newValue;\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  // Lifecycle methods\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  componentDidLoad() {\n    this.selectedValue = this.defaultSelectedValue;\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input\n                type=\"radio\"\n                disabled={this.readOnly}\n                readOnly={this.readOnly}\n                title={this.readOnly ? 'read-only field' : undefined}\n                name={this.name}\n                value={option.value}\n                checked={this.selectedValue === option.value}\n                onChange={() => this.handleChange(option.value)}\n              />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/design-system/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"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","sourcesContent":["// src/components/radio-group/radio-group.tsx\nimport { ThemeConfig } from '@nylas/core';\nimport { Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch } from '@stencil/core';\n\n/**\n * The `radio-button-group` component is a UI component that allows users to select a single option from a list of options.\n * This component is used in the scheduling form to input radio button type inputs.\n */\n@Component({\n  tag: 'radio-button-group',\n  styleUrl: 'radio-button-group.scss',\n  shadow: true,\n})\nexport class RadioButtonGroup {\n  @Element() el!: HTMLElement;\n  private readonly componentType: string = 'radio-group';\n\n  /**\n   * The name of the radio group. This is used to identify the radio group when submitting a form.\n   */\n  @Prop() name: string = 'radio-group';\n  /**\n   * The list of options in the radio group.\n   * Each option has a label and a value and an optional description.\n   */\n  @Prop() options: { label: string; value: string; description?: string }[] = [];\n  /**\n   * The default selected value of the radio group.\n   */\n  @Prop({ attribute: 'default-selected-value' }) defaultSelectedValue: string = '';\n  /**\n   * The label of the radio group. This is displayed above the radio group.\n   * Label is optional. You can also use the slot 'label' to add a label.\n   */\n  @Prop() label?: string;\n  /**\n   * Whether the radio group is required. If true, the radio group must have a value when submitting a form.\n   * Default is false. If the radio group is required and the value is empty, an error message is displayed.\n   */\n  @Prop() required: boolean = false;\n  /**\n   * The property to make the radio group read-only. If true, the radio group cannot be edited.\n   */\n  @Prop() readOnly: boolean = false;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n  /**\n   * Error message to display when the radio group is required and no value is selected.\n   */\n  @Prop() errorMessage: string = '';\n  /**\n   * The selected value of the radio group.\n   */\n  @State() selectedValue!: string;\n  /**\n   * The error message state.\n   */\n  @State() error: string = '';\n  /**\n   * This event is fired when the selected value changes.\n   */\n  @Event() nylasFormRadioChanged!: EventEmitter<{\n    value: string;\n    name: string;\n    label?: string;\n  }>;\n\n  @Watch('defaultSelectedValue')\n  handleDefaultSelectedValueChange(newValue: string) {\n    this.selectedValue = newValue;\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  // Lifecycle methods\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  componentDidLoad() {\n    this.selectedValue = this.defaultSelectedValue;\n    if (this.defaultSelectedValue) {\n      this.nylasFormRadioChanged.emit({\n        value: this.defaultSelectedValue,\n        name: this.name,\n        label: this.label,\n      });\n    }\n  }\n\n  // Event listeners\n  /**\n   * Listen for the bookingFormSubmitted event to validate the input value when the form is submitted.\n   */\n  @Listen('bookingFormSubmitted', { target: 'document' })\n  handleBookingFormSubmitted(event: CustomEvent) {\n    if (this.required && !this.selectedValue) {\n      this.error = this.errorMessage || `${this.label} is required.`;\n      return;\n    }\n    if (this.error) {\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.el.setAttribute('component-type', this.componentType);\n  }\n\n  handleChange(value: string) {\n    this.error = '';\n    this.selectedValue = value;\n    this.nylasFormRadioChanged.emit({\n      value,\n      name: this.name,\n      label: this.label,\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"radio-group\">\n        <slot name=\"label\">\n          {this.label && (\n            <p class={{ error: !!this.error }}>\n              <span class=\"label\">{this.label}</span>\n              {this.required && <span class=\"required\">*</span>}\n            </p>\n          )}\n        </slot>\n        {this.options.map(option => (\n          <label>\n            <div class=\"radio-option\">\n              <input\n                type=\"radio\"\n                disabled={this.readOnly}\n                readOnly={this.readOnly}\n                title={this.readOnly ? 'read-only field' : undefined}\n                name={this.name}\n                value={option.value}\n                checked={this.selectedValue === option.value}\n                onChange={() => this.handleChange(option.value)}\n              />\n              <p>\n                <span class=\"title\">{option.label}</span>\n                <span class=\"description\">{option.description}</span>\n              </p>\n            </div>\n          </label>\n        ))}\n        {this.error && <span class=\"error help-text\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/connector/shared/api/scheduler-config.js

@@ -263,6 +263,7 @@ export class NylasSchedulerConfigAPIConnector {
             });
         }
         this.nylasSchedulerConfigStore.state.selectedGroupEvent = response.data;
+        this.invalidateGroupEventsCache();
         await this.getGroupEvents(configurationId, this.nylasSchedulerConfigStore.state.selectedConfiguration);
         this.nylasSchedulerConfigStore.state.isLoading = false;
         return dataResponse(response.data);
@@ -322,6 +323,9 @@ export class NylasSchedulerConfigAPIConnector {
         this.nylasSchedulerConfigStore.state.groupEvents = response.data;
         return dataResponse(response.data);
     }
+    invalidateGroupEventsCache() {
+        this.groupEventsCache.clear();
+    }
     cleanupExpiredCache() {
         const now = Date.now();
         for (const [key, value] of this.groupEventsCache.entries()) {
@@ -358,6 +362,7 @@ export class NylasSchedulerConfigAPIConnector {
             });
         }
         this.nylasSchedulerConfigStore.state.selectedGroupEvent = response.data;
+        this.invalidateGroupEventsCache();
         await this.getGroupEvents(configurationId, this.nylasSchedulerConfigStore.state.selectedConfiguration);
         this.nylasSchedulerConfigStore.state.isLoading = false;
         return dataResponse(response.data);
@@ -510,6 +515,7 @@ export class NylasSchedulerConfigAPIConnector {
                 message: 'Error deleting group event: ' + response.error?.message,
             });
         }
+        this.invalidateGroupEventsCache();
         await this.getGroupEvents(configurationId, this.nylasSchedulerConfigStore.state.selectedConfiguration);
         this.nylasSchedulerConfigStore.state.isLoading = false;
         return dataResponse(response.data);
@@ -545,6 +551,7 @@ export class NylasSchedulerConfigAPIConnector {
             });
         }
         if (response.data?.imported_events?.length > 0) {
+            this.invalidateGroupEventsCache();
             await this.getGroupEvents(configurationId, this.nylasSchedulerConfigStore.state.selectedConfiguration);
         }
         this.nylasSchedulerConfigStore.state.isLoading = false;