@nylas/web-elements 2.0.6 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +212 -212
- package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +1044 -1044
- package/dist/cjs/{abstract-provider-b37458c4.js → abstract-provider-85a616a9.js} +2 -2
- package/dist/cjs/{abstract-provider-b37458c4.js.map → abstract-provider-85a616a9.js.map} +1 -1
- package/dist/cjs/calendar-agenda-fill-icon_37.cjs.entry.js +55 -55
- package/dist/cjs/calendar-agenda-fill-icon_37.cjs.entry.js.map +1 -1
- package/dist/cjs/checkbox-group_4.cjs.entry.js +3 -3
- package/dist/cjs/checkmark-icon_15.cjs.entry.js +2 -2
- package/dist/cjs/{customParseFormat-61a3a302.js → customParseFormat-dc3b45aa.js} +2 -2
- package/dist/cjs/{customParseFormat-61a3a302.js.map → customParseFormat-dc3b45aa.js.map} +1 -1
- package/dist/cjs/{feedbackSync-2c4d37fe.js → feedbackSync-eaa01d21.js} +2 -2
- package/dist/cjs/feedbackSync-eaa01d21.js.map +1 -0
- package/dist/cjs/google-logo-icon_6.cjs.entry.js +18 -18
- package/dist/cjs/google-logo-icon_6.cjs.entry.js.map +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{index.es-e4fc6d92.js → index.es-a962dedb.js} +2 -2
- package/dist/cjs/{index.es-e4fc6d92.js.map → index.es-a962dedb.js.map} +1 -1
- package/dist/cjs/input-component.cjs.entry.js +1 -1
- package/dist/cjs/input-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/multi-select-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/{nylas-api-request-5b2f7ec0.js → nylas-api-request-d263af93.js} +2 -2
- package/dist/cjs/{nylas-api-request-5b2f7ec0.js.map → nylas-api-request-d263af93.js.map} +1 -1
- package/dist/cjs/nylas-booked-event-card_11.cjs.entry.js +2 -2
- package/dist/cjs/nylas-date-component_2.cjs.entry.js +2 -2
- package/dist/cjs/nylas-form-card.cjs.entry.js +2 -2
- package/dist/cjs/nylas-notification_2.cjs.entry.js +1 -1
- package/dist/cjs/nylas-scheduler-editor.cjs.entry.js +6 -6
- package/dist/cjs/nylas-scheduling.cjs.entry.js +8 -8
- package/dist/cjs/nylas-scheduling.cjs.entry.js.map +1 -1
- package/dist/cjs/nylas-web-elements.cjs.js +1 -1
- package/dist/cjs/{register-component-8a9c40ee.js → register-component-2eefbf66.js} +2 -2
- package/dist/cjs/{register-component-8a9c40ee.js.map → register-component-2eefbf66.js.map} +1 -1
- package/dist/cjs/textarea-component.cjs.entry.js +1 -1
- package/dist/cjs/{utils-c923f1a8.js → utils-e37da320.js} +113 -113
- package/dist/cjs/{utils-c923f1a8.js.map → utils-e37da320.js.map} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js +1 -1
- package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.js +10 -10
- package/dist/collection/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-editor-tabs/test/nylas-editor-tabs.spec.js +1 -1
- package/dist/collection/components/scheduler-editor/nylas-editor-tabs/test/nylas-editor-tabs.spec.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.js +18 -18
- package/dist/collection/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.js.map +1 -1
- package/dist/collection/components/scheduler-editor/{nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.css → nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.css} +46 -46
- package/dist/collection/components/scheduler-editor/{nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.js → nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.js} +41 -41
- package/dist/collection/components/scheduler-editor/nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.js.map +1 -0
- package/dist/collection/components/scheduler-editor/{nylas-specific-date-availability-picker/test/nylas-specific-date-availability-picker.spec.js → nylas-specific-time-availability-picker/test/nylas-specific-time-availability-picker.spec.js} +48 -48
- package/dist/collection/components/scheduler-editor/nylas-specific-time-availability-picker/test/nylas-specific-time-availability-picker.spec.js.map +1 -0
- package/dist/collection/types/index.js.map +1 -1
- package/dist/components/index3.js.map +1 -1
- package/dist/components/nylas-editor-tabs-group2.js +2 -2
- package/dist/components/nylas-editor-tabs2.js +15 -15
- package/dist/components/nylas-editor-tabs2.js.map +1 -1
- package/dist/components/nylas-participants-custom-availability2.js +21 -21
- package/dist/components/nylas-participants-custom-availability2.js.map +1 -1
- package/dist/components/nylas-scheduler-editor.js +5 -5
- package/dist/components/nylas-scheduling.js +4 -4
- package/dist/components/nylas-scheduling.js.map +1 -1
- package/dist/components/nylas-specific-time-availability-picker.d.ts +11 -0
- package/dist/components/nylas-specific-time-availability-picker.js +8 -0
- package/dist/components/nylas-specific-time-availability-picker.js.map +1 -0
- package/dist/components/{nylas-specific-date-availability-picker2.js → nylas-specific-time-availability-picker2.js} +41 -41
- package/dist/components/nylas-specific-time-availability-picker2.js.map +1 -0
- package/dist/components/utils.js +112 -112
- package/dist/esm/{abstract-provider-45ada3b4.js → abstract-provider-a502b54d.js} +2 -2
- package/dist/esm/{abstract-provider-45ada3b4.js.map → abstract-provider-a502b54d.js.map} +1 -1
- package/dist/esm/calendar-agenda-fill-icon_37.entry.js +55 -55
- package/dist/esm/calendar-agenda-fill-icon_37.entry.js.map +1 -1
- package/dist/esm/checkbox-group_4.entry.js +3 -3
- package/dist/esm/checkmark-icon_15.entry.js +2 -2
- package/dist/esm/{customParseFormat-eeec04f5.js → customParseFormat-b5d95b34.js} +2 -2
- package/dist/esm/{customParseFormat-eeec04f5.js.map → customParseFormat-b5d95b34.js.map} +1 -1
- package/dist/esm/{feedbackSync-0ebd0eda.js → feedbackSync-92220b42.js} +2 -2
- package/dist/esm/feedbackSync-92220b42.js.map +1 -0
- package/dist/esm/google-logo-icon_6.entry.js +18 -18
- package/dist/esm/google-logo-icon_6.entry.js.map +1 -1
- package/dist/esm/{index.es-57d4a08f.js → index.es-488bc919.js} +2 -2
- package/dist/esm/{index.es-57d4a08f.js.map → index.es-488bc919.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/input-component.entry.js +1 -1
- package/dist/esm/input-dropdown_2.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/multi-select-dropdown.entry.js +1 -1
- package/dist/esm/{nylas-api-request-ad1909c6.js → nylas-api-request-9f7ac6c5.js} +2 -2
- package/dist/esm/{nylas-api-request-ad1909c6.js.map → nylas-api-request-9f7ac6c5.js.map} +1 -1
- package/dist/esm/nylas-booked-event-card_11.entry.js +2 -2
- package/dist/esm/nylas-date-component_2.entry.js +2 -2
- package/dist/esm/nylas-form-card.entry.js +2 -2
- package/dist/esm/nylas-notification_2.entry.js +1 -1
- package/dist/esm/nylas-scheduler-editor.entry.js +6 -6
- package/dist/esm/nylas-scheduling.entry.js +8 -8
- package/dist/esm/nylas-scheduling.entry.js.map +1 -1
- package/dist/esm/nylas-web-elements.js +1 -1
- package/dist/esm/{register-component-0aad9e3d.js → register-component-3acd57e7.js} +2 -2
- package/dist/esm/{register-component-0aad9e3d.js.map → register-component-3acd57e7.js.map} +1 -1
- package/dist/esm/textarea-component.entry.js +1 -1
- package/dist/esm/{utils-d3c0b941.js → utils-31933f5d.js} +113 -113
- package/dist/esm/{utils-d3c0b941.js.map → utils-31933f5d.js.map} +1 -1
- package/dist/nylas-web-elements/index.esm.js +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js.map +1 -1
- package/dist/nylas-web-elements/{p-3216af1e.entry.js → p-20f50696.entry.js} +2 -2
- package/dist/nylas-web-elements/p-341f1a4c.entry.js +2 -0
- package/dist/nylas-web-elements/p-341f1a4c.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-1591deba.js → p-34c9fc7d.js} +2 -2
- package/dist/nylas-web-elements/{p-38fa873f.js → p-3524dab1.js} +2 -2
- package/dist/nylas-web-elements/p-3524dab1.js.map +1 -0
- package/dist/nylas-web-elements/{p-d45012f2.js → p-438d4542.js} +2 -2
- package/dist/nylas-web-elements/{p-21ab4e47.entry.js → p-536c5ef3.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-a4678661.entry.js → p-5a6c2efd.entry.js} +2 -2
- package/dist/nylas-web-elements/p-66a89e65.js +14 -0
- package/dist/nylas-web-elements/{p-17c5fb16.js.map → p-66a89e65.js.map} +1 -1
- package/dist/nylas-web-elements/{p-88e68e14.entry.js → p-6adb19cf.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-8937a53f.entry.js → p-6bda61cf.entry.js} +3 -3
- package/dist/nylas-web-elements/p-6bda61cf.entry.js.map +1 -0
- package/dist/nylas-web-elements/{p-30d92734.entry.js → p-7c02e476.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-8072aa07.js → p-803a1695.js} +2 -2
- package/dist/nylas-web-elements/{p-186bbd43.entry.js → p-81925b89.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-186bbd43.entry.js.map → p-81925b89.entry.js.map} +1 -1
- package/dist/nylas-web-elements/{p-855fe5b3.entry.js → p-83d2ff21.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-f83aa456.entry.js → p-8673dcf1.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-24c390bd.js → p-86e217f4.js} +2 -2
- package/dist/nylas-web-elements/{p-d0f51520.entry.js → p-8d5efa5e.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-0271cef3.entry.js → p-d7323440.entry.js} +3 -3
- package/dist/nylas-web-elements/{p-59ff0231.entry.js → p-da25d877.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-f0e1688e.js → p-e42db60f.js} +2 -2
- package/dist/nylas-web-elements/{p-c11e1016.entry.js → p-ff122d1e.entry.js} +2 -2
- package/dist/types/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.d.ts +5 -5
- package/dist/types/components/scheduler-editor/nylas-participants-custom-availability/nylas-participants-custom-availability.d.ts +3 -3
- package/dist/types/components/scheduler-editor/{nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.d.ts → nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.d.ts} +7 -7
- package/dist/types/components.d.ts +19 -19
- package/dist/types/types/index.d.ts +2 -2
- package/package.json +2 -2
- package/dist/cjs/feedbackSync-2c4d37fe.js.map +0 -1
- package/dist/collection/components/scheduler-editor/nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.js.map +0 -1
- package/dist/collection/components/scheduler-editor/nylas-specific-date-availability-picker/test/nylas-specific-date-availability-picker.spec.js.map +0 -1
- package/dist/components/nylas-specific-date-availability-picker.d.ts +0 -11
- package/dist/components/nylas-specific-date-availability-picker.js +0 -8
- package/dist/components/nylas-specific-date-availability-picker.js.map +0 -1
- package/dist/components/nylas-specific-date-availability-picker2.js.map +0 -1
- package/dist/esm/feedbackSync-0ebd0eda.js.map +0 -1
- package/dist/nylas-web-elements/p-17c5fb16.js +0 -14
- package/dist/nylas-web-elements/p-38fa873f.js.map +0 -1
- package/dist/nylas-web-elements/p-3ddcb355.entry.js +0 -2
- package/dist/nylas-web-elements/p-3ddcb355.entry.js.map +0 -1
- package/dist/nylas-web-elements/p-8937a53f.entry.js.map +0 -1
- /package/dist/nylas-web-elements/{p-3216af1e.entry.js.map → p-20f50696.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-1591deba.js.map → p-34c9fc7d.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-d45012f2.js.map → p-438d4542.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-21ab4e47.entry.js.map → p-536c5ef3.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-a4678661.entry.js.map → p-5a6c2efd.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-88e68e14.entry.js.map → p-6adb19cf.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-30d92734.entry.js.map → p-7c02e476.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-8072aa07.js.map → p-803a1695.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-855fe5b3.entry.js.map → p-83d2ff21.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-f83aa456.entry.js.map → p-8673dcf1.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-24c390bd.js.map → p-86e217f4.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-d0f51520.entry.js.map → p-8d5efa5e.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-0271cef3.entry.js.map → p-d7323440.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-59ff0231.entry.js.map → p-da25d877.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-f0e1688e.js.map → p-e42db60f.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-c11e1016.entry.js.map → p-ff122d1e.entry.js.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nylas-specific-date-availability-picker.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, Watch, State, Listen } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { LANGUAGE_CODE } from '@/common/constants';\nimport { Configuration, SpecificDateOpenHours, ThemeConfig } from '@nylas/core';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { debug, convertTo12HourFormat, convertTo24HourFormat, timeToMinutes } from '@/utils/utils';\nimport i18next from '@/utils/i18n';\n\n@Component({\n tag: 'nylas-specific-date-availability-picker',\n styleUrl: 'nylas-specific-date-availability-picker.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasSpecificDateAvailabilityPicker {\n /**\n * The element <nylas-specific-date-availability-picker> itself.\n */\n @Element() host!: HTMLNylasSpecificDateAvailabilityPickerElement;\n\n /**\n * @standalone\n * The name of the specific date availability picker.\n */\n @Prop() name: string = 'specific-date-availability';\n\n /**\n * @standalone\n * The selected configuration.\n */\n @Prop() selectedConfiguration?: Configuration;\n\n /**\n * @standalone\n * The selected language.\n */\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /**\n * @standalone\n * The specific date open hours.\n */\n @Prop() specificDateOpenHours?: SpecificDateOpenHours[];\n\n /**\n * @standalone\n * The theme configuration.\n */\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n /**\n * @standalone\n * The element internals.\n */\n @AttachInternals() internals!: ElementInternals;\n\n /**\n * The event is fired when the specific date open hours change.\n */\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n }>;\n\n /**\n * Internal state for managing specific date entries\n */\n @State() specificDateEntries: Array<{\n id: string;\n date: string;\n startTime: string;\n endTime: string;\n isUnavailable: boolean;\n }> = [];\n\n /**\n * State for tracking validation errors\n */\n @State() validationErrors: { [key: string]: string } = {};\n\n connectedCallback() {\n debug('nylas-specific-date-availability-picker', 'connectedCallback');\n }\n\n disconnectedCallback() {\n debug('nylas-specific-date-availability-picker', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-specific-date-availability-picker', 'componentWillLoad');\n this.host.setAttribute('name', this.name);\n }\n\n componentDidLoad() {\n debug('nylas-specific-date-availability-picker', 'componentDidLoad');\n if (this.selectedConfiguration) {\n this.configChangedHandler(this.selectedConfiguration);\n } else if (this.specificDateOpenHours && this.specificDateOpenHours.length > 0) {\n this.loadSpecificDateOpenHours();\n }\n this.applyThemeConfig(this.themeConfig);\n }\n\n get isInternalsAvailable() {\n return typeof this.internals.setFormValue === 'function';\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-specific-date-availability-picker', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\n }\n\n @Watch('selectedConfiguration')\n configChangedHandler(newConfig: Configuration) {\n debug('nylas-specific-date-availability-picker', 'configChangedHandler', newConfig);\n // Load specific date open hours from the configuration participants\n this.loadSpecificDateOpenHours();\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n loadSpecificDateOpenHours() {\n if (!this.specificDateOpenHours || this.specificDateOpenHours.length === 0) {\n return;\n }\n\n const entries = this.specificDateOpenHours.map((item, index) => {\n // Check if both start and end are \"00:00\" - this indicates an unavailable day\n const isUnavailable = item.start === '00:00' && item.end === '00:00';\n\n return {\n id: `specific-date-${index}`,\n date: item.date,\n startTime: isUnavailable ? '09:00am' : convertTo12HourFormat(item.start),\n endTime: isUnavailable ? '05:00pm' : convertTo12HourFormat(item.end),\n isUnavailable,\n };\n });\n\n this.specificDateEntries = entries;\n this.emitValueChanged();\n }\n\n addSpecificDateOpenHour() {\n // Initialize with incremental dates based on existing entries\n // First entry: today, second entry: tomorrow, third entry: day after, etc.\n const today = new Date();\n const targetDate = new Date(today);\n targetDate.setDate(today.getDate() + this.specificDateEntries.length);\n const formattedDate = targetDate.toISOString().split('T')[0];\n\n const newEntry = {\n id: `specific-date-${Date.now()}`,\n date: formattedDate,\n startTime: '09:00am',\n endTime: '05:00pm',\n isUnavailable: false,\n };\n\n this.specificDateEntries = [...this.specificDateEntries, newEntry];\n\n // Clear any global validation errors since we're adding a new valid entry\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n\n this.emitValueChanged();\n }\n\n removeSpecificDateOpenHour(id: string) {\n this.specificDateEntries = this.specificDateEntries.filter(entry => entry.id !== id);\n\n // Clear validation error for the removed entry\n if (this.validationErrors[id]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[id];\n this.validationErrors = newErrors;\n }\n\n this.emitValueChanged();\n }\n\n toggleAvailability(id: string) {\n this.specificDateEntries = this.specificDateEntries.map(entry => {\n if (entry.id === id) {\n return { ...entry, isUnavailable: !entry.isUnavailable };\n }\n return entry;\n });\n\n // Clear any existing validation error for this entry since availability state changed\n if (this.validationErrors[id]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[id];\n this.validationErrors = newErrors;\n }\n\n this.emitValueChanged();\n }\n\n /**\n * Validates a single date entry\n */\n validateEntry(entry: (typeof this.specificDateEntries)[0]): string | null {\n // Check if date is empty or invalid\n if (!entry.date) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.dateRequired');\n }\n\n const dateObj = new Date(entry.date);\n if (isNaN(dateObj.getTime())) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.invalidDateFormat');\n }\n\n // If unavailable, no need to validate times\n if (entry.isUnavailable) {\n return null;\n }\n\n // Validate start and end times are present\n if (!entry.startTime || !entry.endTime) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.timesRequired');\n }\n\n // Validate start time is before end time\n const startMinutes = timeToMinutes(entry.startTime);\n const endMinutes = timeToMinutes(entry.endTime);\n\n if (startMinutes >= endMinutes) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.startTimeBeforeEndTime');\n }\n\n return null;\n }\n\n /**\n * Validates all entries and updates validation state\n */\n validateAllEntries() {\n const errors: { [key: string]: string } = {};\n let hasErrors = false;\n\n this.specificDateEntries.forEach(entry => {\n const error = this.validateEntry(entry);\n if (error) {\n errors[entry.id] = error;\n hasErrors = true;\n }\n });\n\n this.validationErrors = errors;\n\n // Update form validity\n if (hasErrors) {\n const firstErrorElement = this.host.shadowRoot?.querySelector(`[data-entry-id=\"${Object.keys(errors)[0]}\"]`) as HTMLElement;\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: true }, 'Please fix validation errors', firstErrorElement);\n }\n } else {\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n }\n\n return !hasErrors;\n }\n\n @Listen('timeChange')\n handleTimeChange(event: CustomEvent<{ key: string; value: string }>) {\n const { key, value } = event.detail;\n const [entryId, timeType] = key.split('_');\n\n this.specificDateEntries = this.specificDateEntries.map(entry => {\n if (entry.id === entryId) {\n return {\n ...entry,\n [timeType === 'start' ? 'startTime' : 'endTime']: value,\n };\n }\n return entry;\n });\n\n // Clear any existing validation error for this entry\n if (this.validationErrors[entryId]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[entryId];\n this.validationErrors = newErrors;\n }\n\n // Clear form validity errors related to time\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n\n this.emitValueChanged();\n }\n\n @Listen('timeWindowFormError')\n setFormError(event: CustomEvent<{ key: string; message: string }>) {\n const { key, message } = event.detail;\n const [entryId] = key.split('_');\n\n if (message) {\n // Set validation error for this entry\n this.validationErrors = {\n ...this.validationErrors,\n [entryId]: message,\n };\n\n const element = this.host.shadowRoot?.getElementById(key);\n if (element && this.isInternalsAvailable) {\n this.internals.setValidity({ customError: true }, message, element as HTMLInputElement);\n }\n } else {\n // Clear validation error for this entry\n const newErrors = { ...this.validationErrors };\n delete newErrors[entryId];\n this.validationErrors = newErrors;\n\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n }\n }\n\n @Listen('nylasFormInputChanged')\n handleFormInputChange(event: CustomEvent<{ value: string; name: string; label: string; type: string; error: string }>) {\n const { name, value } = event.detail;\n\n // Check if this is a date input for our component\n if (name.startsWith('date-') && name.includes('specific-date-')) {\n const entryId = name.replace('date-', '');\n\n this.specificDateEntries = this.specificDateEntries.map(entry => {\n if (entry.id === entryId) {\n return { ...entry, date: value };\n }\n return entry;\n });\n\n // Clear any existing validation error for this entry\n if (this.validationErrors[entryId]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[entryId];\n this.validationErrors = newErrors;\n }\n\n this.emitValueChanged();\n }\n }\n\n emitValueChanged() {\n // Validate all entries before emitting\n const isValid = this.validateAllEntries();\n\n const specificDateOpenHours = this.specificDateEntries\n .filter(entry => entry.date && (entry.isUnavailable || (entry.startTime && entry.endTime)))\n .map(entry => ({\n date: entry.date,\n start: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.startTime),\n end: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.endTime),\n }));\n\n const value = JSON.stringify(specificDateOpenHours);\n\n if (this.isInternalsAvailable && isValid) {\n this.internals.setFormValue(value, this.name);\n }\n\n this.valueChanged.emit({\n value,\n name: this.name,\n });\n }\n\n @RegisterComponent<NylasSpecificDateAvailabilityPicker, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-specific-date-availability-picker',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n fireRegisterEvent: true,\n })\n render() {\n return (\n <Host>\n <div class=\"nylas-specific-date-availability-picker\" part=\"nsdap\">\n <div class=\"content\" part=\"nsdap__content\">\n <div class=\"header\" part=\"nsdap__header\">\n <p class=\"header-description\" part=\"nsdap__header-description\">\n {i18next.t('nylasSpecificDateAvailabilityPicker.headerDescription')}\n </p>\n </div>\n <div class=\"specific-dates\" part=\"nsdap__specific-dates\">\n {this.specificDateEntries.length === 0 ? (\n <div class=\"empty-state\" part=\"nsdap__empty-state\">\n <div class=\"empty-icon\" part=\"nsdap__empty-icon\">\n <calendar-icon width=\"32\" height=\"32\" />\n </div>\n <h3 class=\"empty-title\" part=\"nsdap__empty-title\">\n {i18next.t('nylasSpecificDateAvailabilityPicker.emptyState.title')}\n </h3>\n <p class=\"empty-subtitle\" part=\"nsdap__empty-subtitle\">\n {i18next.t('nylasSpecificDateAvailabilityPicker.emptyState.subtitle')}\n </p>\n </div>\n ) : (\n this.specificDateEntries.map(entry => (\n <div class=\"specific-date-entry\" part=\"nsdap__specific-date-entry\" key={entry.id} data-entry-id={entry.id}>\n <div class=\"entry-content\" part=\"nsdap__entry-content\">\n <div class=\"date-input-container\" part=\"nsdap__date-input-container\">\n <nylas-date-component\n name={`date-${entry.id}`}\n defaultValue={entry.date}\n placeholder=\"yyyy-mm-dd\"\n part=\"nsdap__date-input\"\n class=\"date-input\"\n themeConfig={this.themeConfig}\n exportparts=\"ic__date: nsdap__date-field, ic__input_wrapper: nsdap__date-wrapper, ic__label: nsdap__date-label\"\n />\n </div>\n {entry.isUnavailable ? (\n <div class=\"unavailable-text\" part=\"nsdap__unavailable-text\">\n <span class=\"unavailable-label\">{i18next.t('nylasSpecificDateAvailabilityPicker.entireDayUnavailable')}</span>\n </div>\n ) : (\n <div class=\"time-pickers\" part=\"nsdap__time-pickers\">\n <nylas-time-window-picker\n id={`${entry.id}_start`}\n time={entry.startTime}\n name={`${entry.id}_start`}\n key={`${entry.id}_start`}\n language={this.selectedLanguage}\n hasError={!!this.validationErrors[entry.id]}\n themeConfig={this.themeConfig}\n exportparts=\"time-picker: nsdap__time-picker-container, time-input: nsdap__time-picker-input, times: nsdap__time-picker-times\"\n />\n <span class=\"time-separator\">-</span>\n <nylas-time-window-picker\n id={`${entry.id}_end`}\n time={entry.endTime}\n name={`${entry.id}_end`}\n key={`${entry.id}_end`}\n minimumStartTime={entry.startTime}\n language={this.selectedLanguage}\n hasError={!!this.validationErrors[entry.id]}\n themeConfig={this.themeConfig}\n exportparts=\"time-picker: nsdap__time-picker-container, time-input: nsdap__time-picker-input, times: nsdap__time-picker-times\"\n />\n </div>\n )}\n <button\n type=\"button\"\n class={{ 'toggle-button': true, 'unavailable': entry.isUnavailable }}\n part=\"nsdap__toggle-button\"\n onClick={() => this.toggleAvailability(entry.id)}\n title={\n entry.isUnavailable\n ? i18next.t('nylasSpecificDateAvailabilityPicker.markAsAvailable')\n : i18next.t('nylasSpecificDateAvailabilityPicker.markAsUnavailable')\n }\n >\n <calendar-icon width=\"20\" height=\"20\" />\n </button>\n <button\n type=\"button\"\n class=\"remove-button\"\n part=\"nsdap__remove-button\"\n onClick={() => this.removeSpecificDateOpenHour(entry.id)}\n aria-label=\"Remove specific date\"\n >\n <close-icon width=\"16\" height=\"16\" />\n </button>\n </div>\n {this.validationErrors[entry.id] && (\n <div class=\"error-message\" part=\"nsdap__error-message\">\n {this.validationErrors[entry.id]}\n </div>\n )}\n </div>\n ))\n )}\n </div>\n <div class=\"add-button-container\" part=\"nsdap__add-button-container\">\n <button-component id=\"add-specific-date-open-hour\" onClick={() => this.addSpecificDateOpenHour()} part=\"nsdap__add-button\" variant=\"basic\">\n <add-circle-icon width=\"24\" height=\"24\" />\n {i18next.t('nylasSpecificDateAvailabilityPicker.addSpecificDateOpenHour')}\n </button-component>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nylas-specific-date-availability-picker.spec.js","sourceRoot":"","sources":["../../../../../src/components/scheduler-editor/nylas-specific-date-availability-picker/test/nylas-specific-date-availability-picker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasSpecificDateAvailabilityPicker } from '../nylas-specific-date-availability-picker';\nimport { h } from '@stencil/core';\nimport { LANGUAGE_CODE } from '@/common/constants';\nimport { TimeInput } from '../../nylas-time-window-picker/nylas-time-window-picker';\nimport { ButtonComponent } from '../../../design-system/button-component/button-component';\n\ndescribe('nylas-specific-date-availability-picker', () => {\n beforeEach(() => {\n const originalIntl = Intl;\n\n global.Intl = {\n ...originalIntl,\n DateTimeFormat: jest.fn().mockImplementation(() => ({\n resolvedOptions: () => ({\n timeZone: 'America/New_York',\n }),\n supportedLocalesOf: jest.fn(),\n })) as any,\n };\n });\n\n afterEach(() => {\n jest.restoreAllMocks();\n });\n\n it('renders', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n expect(page.root).toMatchSnapshot();\n });\n\n it('renders with initial specificDateOpenHours', async () => {\n const specificDateOpenHours = [\n {\n date: '2024-01-15',\n start: '09:00',\n end: '17:00',\n },\n {\n date: '2024-01-16',\n start: '00:00',\n end: '00:00',\n },\n ];\n\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\" specificDateOpenHours={specificDateOpenHours}></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n await page.waitForChanges();\n expect(page.root).toMatchSnapshot();\n });\n\n it('shows empty state when no entries exist', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n await page.waitForChanges();\n const emptyState = page.root?.shadowRoot?.querySelector('.empty-state');\n expect(emptyState).not.toBeNull();\n const emptyTitle = emptyState?.querySelector('.empty-title');\n expect(emptyTitle).not.toBeNull();\n });\n\n it('adds a new specific date entry', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker, ButtonComponent],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Initially should have no entries\n expect(element.specificDateEntries.length).toBe(0);\n\n // Add a new entry\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n // Should now have one entry\n expect(element.specificDateEntries.length).toBe(1);\n expect(element.specificDateEntries[0].startTime).toBe('09:00am');\n expect(element.specificDateEntries[0].endTime).toBe('05:00pm');\n expect(element.specificDateEntries[0].isUnavailable).toBe(false);\n });\n\n it('removes a specific date entry', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry first\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n expect(element.specificDateEntries.length).toBe(1);\n\n // Remove the entry\n const entryId = element.specificDateEntries[0].id;\n element.removeSpecificDateOpenHour(entryId);\n await page.waitForChanges();\n\n // Should have no entries\n expect(element.specificDateEntries.length).toBe(0);\n });\n\n it('toggles availability status', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry first\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n const entryId = element.specificDateEntries[0].id;\n expect(element.specificDateEntries[0].isUnavailable).toBe(false);\n\n // Toggle to unavailable\n element.toggleAvailability(entryId);\n await page.waitForChanges();\n expect(element.specificDateEntries[0].isUnavailable).toBe(true);\n\n // Toggle back to available\n element.toggleAvailability(entryId);\n await page.waitForChanges();\n expect(element.specificDateEntries[0].isUnavailable).toBe(false);\n });\n\n it('shows validation error for invalid time range', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker, TimeInput],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry with invalid time range (end before start)\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n // Set invalid time range\n element.specificDateEntries[0].startTime = '05:00pm';\n element.specificDateEntries[0].endTime = '09:00am';\n element.specificDateEntries = [...element.specificDateEntries];\n\n // Trigger validation\n const isValid = element.validateAllEntries();\n await page.waitForChanges();\n\n expect(isValid).toBe(false);\n expect(Object.keys(element.validationErrors).length).toBeGreaterThan(0);\n });\n\n it('handles time change events', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry first\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n const entryId = element.specificDateEntries[0].id;\n\n // Simulate time change event\n const timeChangeEvent = new CustomEvent('timeChange', {\n detail: {\n key: `${entryId}_start`,\n value: '10:00am',\n },\n });\n\n element.handleTimeChange(timeChangeEvent);\n await page.waitForChanges();\n\n expect(element.specificDateEntries[0].startTime).toBe('10:00am');\n });\n\n it('handles form input change events', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry first\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n const entryId = element.specificDateEntries[0].id;\n\n // Simulate date input change event\n const inputChangeEvent = new CustomEvent('nylasFormInputChanged', {\n detail: {\n name: `date-${entryId}`,\n value: '2024-01-20',\n label: 'Date',\n type: 'date',\n error: '',\n },\n });\n\n element.handleFormInputChange(inputChangeEvent);\n await page.waitForChanges();\n\n expect(element.specificDateEntries[0].date).toBe('2024-01-20');\n });\n\n it('validates entries and shows error messages', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry with validation error\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n // Set validation error\n const entryId = element.specificDateEntries[0].id;\n element.validationErrors = { [entryId]: 'Start time must be before end time' };\n await page.waitForChanges();\n\n const errorMessage = page.root?.shadowRoot?.querySelector('.error-message');\n expect(errorMessage).not.toBeNull();\n expect(errorMessage?.textContent).toBe('Start time must be before end time');\n });\n\n it('emits valueChanged event with correct data', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n let emittedValue: any;\n const mockEmit = jest.fn().mockImplementation(data => {\n emittedValue = data;\n return new CustomEvent('valueChanged', { detail: data });\n });\n element.valueChanged.emit = mockEmit as any;\n\n // Add an entry\n element.addSpecificDateOpenHour();\n element.specificDateEntries[0].date = '2024-01-15';\n element.emitValueChanged();\n\n expect(emittedValue).toBeDefined();\n expect(emittedValue.name).toBe('specific-date-availability');\n\n const parsedValue = JSON.parse(emittedValue.value);\n expect(parsedValue).toHaveLength(1);\n expect(parsedValue[0].date).toBe('2024-01-15');\n expect(parsedValue[0].start).toBe('09:00');\n expect(parsedValue[0].end).toBe('17:00');\n });\n\n it('handles unavailable dates correctly', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Add an entry and mark as unavailable\n element.addSpecificDateOpenHour();\n await page.waitForChanges();\n\n const entryId = element.specificDateEntries[0].id;\n element.toggleAvailability(entryId);\n element.specificDateEntries[0].date = '2024-01-15';\n\n element.emitValueChanged();\n\n // Check that unavailable dates emit with 00:00 times\n const valueChangedSpy = jest.fn();\n element.valueChanged.emit = valueChangedSpy;\n element.emitValueChanged();\n\n const emittedData = valueChangedSpy.mock.calls[0][0];\n const parsedValue = JSON.parse(emittedData.value);\n expect(parsedValue[0].start).toBe('00:00');\n expect(parsedValue[0].end).toBe('00:00');\n });\n\n it('loads specificDateOpenHours from props correctly', async () => {\n const specificDateOpenHours = [\n {\n date: '2024-01-15',\n start: '10:00',\n end: '18:00',\n },\n {\n date: '2024-01-16',\n start: '00:00',\n end: '00:00',\n },\n ];\n\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\" specificDateOpenHours={specificDateOpenHours}></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n await page.waitForChanges();\n\n expect(element.specificDateEntries.length).toBe(2);\n expect(element.specificDateEntries[0].date).toBe('2024-01-15');\n expect(element.specificDateEntries[0].startTime).toBe('10:00am');\n expect(element.specificDateEntries[0].endTime).toBe('06:00pm');\n expect(element.specificDateEntries[0].isUnavailable).toBe(false);\n\n expect(element.specificDateEntries[1].date).toBe('2024-01-16');\n expect(element.specificDateEntries[1].isUnavailable).toBe(true);\n });\n\n it('sets name attribute correctly', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"custom-name\"></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n await page.waitForChanges();\n expect(page.root?.getAttribute('name')).toBe('custom-name');\n });\n\n it('handles selectedLanguage change', async () => {\n const page = await newSpecPage({\n components: [NylasSpecificDateAvailabilityPicker],\n template: () => {\n return (\n <form id=\"specific-date-availability-picker\">\n <nylas-specific-date-availability-picker name=\"specific-date-availability\" selectedLanguage={LANGUAGE_CODE.en}></nylas-specific-date-availability-picker>\n </form>\n );\n },\n });\n\n const element = page.rootInstance as NylasSpecificDateAvailabilityPicker;\n\n // Change language\n element.selectedLanguage = LANGUAGE_CODE.de;\n element.selectedLanguageChangedHandler(LANGUAGE_CODE.de, LANGUAGE_CODE.en);\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n });\n});\n"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface NylasSpecificDateAvailabilityPicker extends Components.NylasSpecificDateAvailabilityPicker, HTMLElement {}
|
|
4
|
-
export const NylasSpecificDateAvailabilityPicker: {
|
|
5
|
-
prototype: NylasSpecificDateAvailabilityPicker;
|
|
6
|
-
new (): NylasSpecificDateAvailabilityPicker;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { N as NylasSpecificDateAvailabilityPicker$1, d as defineCustomElement$1 } from './nylas-specific-date-availability-picker2.js';
|
|
2
|
-
|
|
3
|
-
const NylasSpecificDateAvailabilityPicker = NylasSpecificDateAvailabilityPicker$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { NylasSpecificDateAvailabilityPicker, defineCustomElement };
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=nylas-specific-date-availability-picker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"nylas-specific-date-availability-picker.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"nylas-specific-date-availability-picker2.js","mappings":"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","names":["i18next"],"sources":["src/components/scheduler-editor/nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.scss?tag=nylas-specific-date-availability-picker&encapsulation=shadow","src/components/scheduler-editor/nylas-specific-date-availability-picker/nylas-specific-date-availability-picker.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.nylas-specific-date-availability-picker {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n border-top: 1px solid var(--nylas-base-200);\n\n .content {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n padding: 16px;\n }\n\n .header {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n .header-description {\n margin: 0;\n font-size: 0.875rem;\n color: var(--nylas-base-600);\n line-height: 1.5;\n }\n }\n\n .specific-dates {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2rem 1rem;\n text-align: center;\n\n .empty-icon {\n margin-bottom: 1.5rem;\n opacity: 0.4;\n color: var(--nylas-base-400);\n }\n\n .empty-title {\n margin: 0 0 0.5rem 0;\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--nylas-base-700);\n line-height: 1.5;\n }\n\n .empty-subtitle {\n margin: 0;\n font-size: 0.875rem;\n color: var(--nylas-base-500);\n line-height: 1.5;\n max-width: 300px;\n }\n }\n\n .specific-date-entry {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 12px;\n border: 1px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius);\n background: var(--nylas-base-0);\n\n .entry-content {\n display: grid;\n grid-template-columns: 160px auto 30px 30px;\n gap: 12px;\n\n @media (max-width: 768px) {\n grid-template-areas:\n 'date calendar_toggle remove'\n 'time_or_unavailable time_or_unavailable time_or_unavailable';\n grid-template-columns: 1fr auto auto;\n grid-template-rows: 1fr 1fr;\n }\n }\n\n .date-input-container {\n flex: 0 0 auto;\n width: 160px;\n @media (max-width: 768px) {\n grid-area: date;\n }\n .date-input {\n width: 100%;\n }\n nylas-date-component::part(ic__date) {\n border: 1px solid var(--nylas-base-200);\n height: 50px;\n display: flex;\n align-items: center;\n }\n }\n\n .time-pickers {\n display: grid;\n grid-template-columns: auto 10px 1fr;\n width: 342px;\n gap: 14px;\n flex: 1;\n min-width: 0;\n\n @media (max-width: 768px) {\n flex: 1;\n width: auto;\n grid-area: time_or_unavailable;\n }\n\n .time-separator {\n font-size: 0.875rem;\n color: var(--nylas-base-600);\n font-weight: 500;\n flex-shrink: 0;\n line-height: 1;\n padding: 0 0px 0px 6px;\n margin-top: 18px;\n }\n }\n\n .unavailable-text {\n flex: 1;\n display: flex;\n align-items: center;\n padding: 0 15px;\n border-radius: var(--nylas-border-radius);\n background: var(--nylas-base-50);\n min-height: 50px;\n @media (max-width: 768px) {\n grid-area: time_or_unavailable;\n }\n .unavailable-label {\n font-size: 0.875rem;\n color: var(--nylas-base-500);\n font-style: italic;\n }\n }\n\n .toggle-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 48px;\n padding-left: 8px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--nylas-base-400);\n cursor: pointer;\n transition: all 0.2s ease;\n flex-shrink: 0;\n @media (max-width: 768px) {\n grid-area: calendar_toggle;\n }\n &:hover {\n color: var(--nylas-primary);\n }\n\n &:focus {\n outline: none;\n }\n\n &.unavailable {\n color: var(--nylas-error);\n\n &:hover {\n color: var(--nylas-error);\n }\n }\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 48px;\n padding: 0;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--nylas-base-400);\n cursor: pointer;\n transition: all 0.2s ease;\n flex-shrink: 0;\n @media (max-width: 768px) {\n grid-area: remove;\n }\n &:hover {\n color: var(--nylas-error);\n }\n\n &:focus {\n outline: none;\n background: var(--nylas-base-100);\n box-shadow: 0 0 0 2px var(--nylas-primary);\n }\n\n &:active {\n background: var(--nylas-base-200);\n }\n }\n\n .error-message {\n width: -webkit-fill-available;\n padding: 4px 8px;\n background: var(--nylas-error-50);\n color: var(--nylas-error);\n font-size: 12px;\n border-radius: 4px;\n border: 1px solid var(--nylas-error-200);\n margin-top: 8px;\n }\n }\n\n .add-button-container {\n display: flex;\n justify-content: flex-start;\n button-component {\n width: 100%;\n }\n }\n}\n\n// Override button-component styles for the add button\n::part(nsdap__add-button) {\n border: 1px dashed var(--nylas-base-200);\n background: var(--nylas-base-0);\n color: var(--nylas-base-700);\n\n &:hover {\n border-color: var(--nylas-primary);\n background: var(--nylas-base-50);\n color: var(--nylas-primary);\n }\n}\n\n// Custom styling for time picker components\n::part(nsdap__time-picker-container) {\n flex: 1;\n min-width: 0;\n}\n\n::part(nsdap__time-picker-input) {\n width: 100%;\n font-size: 0.875rem;\n min-height: 50px;\n display: flex;\n align-items: center;\n}\n\n// Custom styling for date input component\n::part(nsdap__date-input) {\n width: 100%;\n}\n\n::part(nsdap__date-field) {\n width: 100%;\n font-size: 0.875rem;\n border: 1px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius);\n padding: 0.5rem 0.75rem;\n\n &:focus {\n border-color: var(--nylas-primary);\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n }\n}\n\n::part(nsdap__date-wrapper) {\n margin: 0;\n}\n\n::part(nsdap__date-label) {\n margin: 0;\n padding: 0;\n\n p {\n display: none; // Hide label since we don't need it\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, Watch, State, Listen } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { LANGUAGE_CODE } from '@/common/constants';\nimport { Configuration, SpecificDateOpenHours, ThemeConfig } from '@nylas/core';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { debug, convertTo12HourFormat, convertTo24HourFormat, timeToMinutes } from '@/utils/utils';\nimport i18next from '@/utils/i18n';\n\n@Component({\n tag: 'nylas-specific-date-availability-picker',\n styleUrl: 'nylas-specific-date-availability-picker.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class NylasSpecificDateAvailabilityPicker {\n /**\n * The element <nylas-specific-date-availability-picker> itself.\n */\n @Element() host!: HTMLNylasSpecificDateAvailabilityPickerElement;\n\n /**\n * @standalone\n * The name of the specific date availability picker.\n */\n @Prop() name: string = 'specific-date-availability';\n\n /**\n * @standalone\n * The selected configuration.\n */\n @Prop() selectedConfiguration?: Configuration;\n\n /**\n * @standalone\n * The selected language.\n */\n @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n /**\n * @standalone\n * The specific date open hours.\n */\n @Prop() specificDateOpenHours?: SpecificDateOpenHours[];\n\n /**\n * @standalone\n * The theme configuration.\n */\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n /**\n * @standalone\n * The element internals.\n */\n @AttachInternals() internals!: ElementInternals;\n\n /**\n * The event is fired when the specific date open hours change.\n */\n @Event() valueChanged!: EventEmitter<{\n value: string;\n name: string;\n }>;\n\n /**\n * Internal state for managing specific date entries\n */\n @State() specificDateEntries: Array<{\n id: string;\n date: string;\n startTime: string;\n endTime: string;\n isUnavailable: boolean;\n }> = [];\n\n /**\n * State for tracking validation errors\n */\n @State() validationErrors: { [key: string]: string } = {};\n\n connectedCallback() {\n debug('nylas-specific-date-availability-picker', 'connectedCallback');\n }\n\n disconnectedCallback() {\n debug('nylas-specific-date-availability-picker', 'disconnectedCallback');\n }\n\n componentWillLoad() {\n debug('nylas-specific-date-availability-picker', 'componentWillLoad');\n this.host.setAttribute('name', this.name);\n }\n\n componentDidLoad() {\n debug('nylas-specific-date-availability-picker', 'componentDidLoad');\n if (this.selectedConfiguration) {\n this.configChangedHandler(this.selectedConfiguration);\n } else if (this.specificDateOpenHours && this.specificDateOpenHours.length > 0) {\n this.loadSpecificDateOpenHours();\n }\n this.applyThemeConfig(this.themeConfig);\n }\n\n get isInternalsAvailable() {\n return typeof this.internals.setFormValue === 'function';\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-specific-date-availability-picker', 'elementNameChangedHandler', newValue);\n this.host.setAttribute('name', newValue);\n }\n\n @Watch('selectedConfiguration')\n configChangedHandler(newConfig: Configuration) {\n debug('nylas-specific-date-availability-picker', 'configChangedHandler', newConfig);\n // Load specific date open hours from the configuration participants\n this.loadSpecificDateOpenHours();\n }\n\n @Watch('selectedLanguage')\n selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n if (newVal === oldVal) return;\n i18next.changeLanguage(newVal);\n }\n\n @Watch('themeConfig')\n themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n if (newVal === oldVal) return;\n this.applyThemeConfig(newVal);\n }\n\n applyThemeConfig(themeConfig?: ThemeConfig) {\n if (themeConfig) {\n for (const [key, value] of Object.entries(themeConfig)) {\n this.host.style.setProperty(`${key}`, value);\n }\n }\n }\n\n loadSpecificDateOpenHours() {\n if (!this.specificDateOpenHours || this.specificDateOpenHours.length === 0) {\n return;\n }\n\n const entries = this.specificDateOpenHours.map((item, index) => {\n // Check if both start and end are \"00:00\" - this indicates an unavailable day\n const isUnavailable = item.start === '00:00' && item.end === '00:00';\n\n return {\n id: `specific-date-${index}`,\n date: item.date,\n startTime: isUnavailable ? '09:00am' : convertTo12HourFormat(item.start),\n endTime: isUnavailable ? '05:00pm' : convertTo12HourFormat(item.end),\n isUnavailable,\n };\n });\n\n this.specificDateEntries = entries;\n this.emitValueChanged();\n }\n\n addSpecificDateOpenHour() {\n // Initialize with incremental dates based on existing entries\n // First entry: today, second entry: tomorrow, third entry: day after, etc.\n const today = new Date();\n const targetDate = new Date(today);\n targetDate.setDate(today.getDate() + this.specificDateEntries.length);\n const formattedDate = targetDate.toISOString().split('T')[0];\n\n const newEntry = {\n id: `specific-date-${Date.now()}`,\n date: formattedDate,\n startTime: '09:00am',\n endTime: '05:00pm',\n isUnavailable: false,\n };\n\n this.specificDateEntries = [...this.specificDateEntries, newEntry];\n\n // Clear any global validation errors since we're adding a new valid entry\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n\n this.emitValueChanged();\n }\n\n removeSpecificDateOpenHour(id: string) {\n this.specificDateEntries = this.specificDateEntries.filter(entry => entry.id !== id);\n\n // Clear validation error for the removed entry\n if (this.validationErrors[id]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[id];\n this.validationErrors = newErrors;\n }\n\n this.emitValueChanged();\n }\n\n toggleAvailability(id: string) {\n this.specificDateEntries = this.specificDateEntries.map(entry => {\n if (entry.id === id) {\n return { ...entry, isUnavailable: !entry.isUnavailable };\n }\n return entry;\n });\n\n // Clear any existing validation error for this entry since availability state changed\n if (this.validationErrors[id]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[id];\n this.validationErrors = newErrors;\n }\n\n this.emitValueChanged();\n }\n\n /**\n * Validates a single date entry\n */\n validateEntry(entry: (typeof this.specificDateEntries)[0]): string | null {\n // Check if date is empty or invalid\n if (!entry.date) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.dateRequired');\n }\n\n const dateObj = new Date(entry.date);\n if (isNaN(dateObj.getTime())) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.invalidDateFormat');\n }\n\n // If unavailable, no need to validate times\n if (entry.isUnavailable) {\n return null;\n }\n\n // Validate start and end times are present\n if (!entry.startTime || !entry.endTime) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.timesRequired');\n }\n\n // Validate start time is before end time\n const startMinutes = timeToMinutes(entry.startTime);\n const endMinutes = timeToMinutes(entry.endTime);\n\n if (startMinutes >= endMinutes) {\n return i18next.t('nylasSpecificDateAvailabilityPicker.errors.startTimeBeforeEndTime');\n }\n\n return null;\n }\n\n /**\n * Validates all entries and updates validation state\n */\n validateAllEntries() {\n const errors: { [key: string]: string } = {};\n let hasErrors = false;\n\n this.specificDateEntries.forEach(entry => {\n const error = this.validateEntry(entry);\n if (error) {\n errors[entry.id] = error;\n hasErrors = true;\n }\n });\n\n this.validationErrors = errors;\n\n // Update form validity\n if (hasErrors) {\n const firstErrorElement = this.host.shadowRoot?.querySelector(`[data-entry-id=\"${Object.keys(errors)[0]}\"]`) as HTMLElement;\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: true }, 'Please fix validation errors', firstErrorElement);\n }\n } else {\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n }\n\n return !hasErrors;\n }\n\n @Listen('timeChange')\n handleTimeChange(event: CustomEvent<{ key: string; value: string }>) {\n const { key, value } = event.detail;\n const [entryId, timeType] = key.split('_');\n\n this.specificDateEntries = this.specificDateEntries.map(entry => {\n if (entry.id === entryId) {\n return {\n ...entry,\n [timeType === 'start' ? 'startTime' : 'endTime']: value,\n };\n }\n return entry;\n });\n\n // Clear any existing validation error for this entry\n if (this.validationErrors[entryId]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[entryId];\n this.validationErrors = newErrors;\n }\n\n // Clear form validity errors related to time\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n\n this.emitValueChanged();\n }\n\n @Listen('timeWindowFormError')\n setFormError(event: CustomEvent<{ key: string; message: string }>) {\n const { key, message } = event.detail;\n const [entryId] = key.split('_');\n\n if (message) {\n // Set validation error for this entry\n this.validationErrors = {\n ...this.validationErrors,\n [entryId]: message,\n };\n\n const element = this.host.shadowRoot?.getElementById(key);\n if (element && this.isInternalsAvailable) {\n this.internals.setValidity({ customError: true }, message, element as HTMLInputElement);\n }\n } else {\n // Clear validation error for this entry\n const newErrors = { ...this.validationErrors };\n delete newErrors[entryId];\n this.validationErrors = newErrors;\n\n if (this.isInternalsAvailable) {\n this.internals.setValidity({ customError: false });\n }\n }\n }\n\n @Listen('nylasFormInputChanged')\n handleFormInputChange(event: CustomEvent<{ value: string; name: string; label: string; type: string; error: string }>) {\n const { name, value } = event.detail;\n\n // Check if this is a date input for our component\n if (name.startsWith('date-') && name.includes('specific-date-')) {\n const entryId = name.replace('date-', '');\n\n this.specificDateEntries = this.specificDateEntries.map(entry => {\n if (entry.id === entryId) {\n return { ...entry, date: value };\n }\n return entry;\n });\n\n // Clear any existing validation error for this entry\n if (this.validationErrors[entryId]) {\n const newErrors = { ...this.validationErrors };\n delete newErrors[entryId];\n this.validationErrors = newErrors;\n }\n\n this.emitValueChanged();\n }\n }\n\n emitValueChanged() {\n // Validate all entries before emitting\n const isValid = this.validateAllEntries();\n\n const specificDateOpenHours = this.specificDateEntries\n .filter(entry => entry.date && (entry.isUnavailable || (entry.startTime && entry.endTime)))\n .map(entry => ({\n date: entry.date,\n start: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.startTime),\n end: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.endTime),\n }));\n\n const value = JSON.stringify(specificDateOpenHours);\n\n if (this.isInternalsAvailable && isValid) {\n this.internals.setFormValue(value, this.name);\n }\n\n this.valueChanged.emit({\n value,\n name: this.name,\n });\n }\n\n @RegisterComponent<NylasSpecificDateAvailabilityPicker, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n name: 'nylas-specific-date-availability-picker',\n stateToProps: new Map([\n ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n ['schedulerConfig.themeConfig', 'themeConfig'],\n ]),\n fireRegisterEvent: true,\n })\n render() {\n return (\n <Host>\n <div class=\"nylas-specific-date-availability-picker\" part=\"nsdap\">\n <div class=\"content\" part=\"nsdap__content\">\n <div class=\"header\" part=\"nsdap__header\">\n <p class=\"header-description\" part=\"nsdap__header-description\">\n {i18next.t('nylasSpecificDateAvailabilityPicker.headerDescription')}\n </p>\n </div>\n <div class=\"specific-dates\" part=\"nsdap__specific-dates\">\n {this.specificDateEntries.length === 0 ? (\n <div class=\"empty-state\" part=\"nsdap__empty-state\">\n <div class=\"empty-icon\" part=\"nsdap__empty-icon\">\n <calendar-icon width=\"32\" height=\"32\" />\n </div>\n <h3 class=\"empty-title\" part=\"nsdap__empty-title\">\n {i18next.t('nylasSpecificDateAvailabilityPicker.emptyState.title')}\n </h3>\n <p class=\"empty-subtitle\" part=\"nsdap__empty-subtitle\">\n {i18next.t('nylasSpecificDateAvailabilityPicker.emptyState.subtitle')}\n </p>\n </div>\n ) : (\n this.specificDateEntries.map(entry => (\n <div class=\"specific-date-entry\" part=\"nsdap__specific-date-entry\" key={entry.id} data-entry-id={entry.id}>\n <div class=\"entry-content\" part=\"nsdap__entry-content\">\n <div class=\"date-input-container\" part=\"nsdap__date-input-container\">\n <nylas-date-component\n name={`date-${entry.id}`}\n defaultValue={entry.date}\n placeholder=\"yyyy-mm-dd\"\n part=\"nsdap__date-input\"\n class=\"date-input\"\n themeConfig={this.themeConfig}\n exportparts=\"ic__date: nsdap__date-field, ic__input_wrapper: nsdap__date-wrapper, ic__label: nsdap__date-label\"\n />\n </div>\n {entry.isUnavailable ? (\n <div class=\"unavailable-text\" part=\"nsdap__unavailable-text\">\n <span class=\"unavailable-label\">{i18next.t('nylasSpecificDateAvailabilityPicker.entireDayUnavailable')}</span>\n </div>\n ) : (\n <div class=\"time-pickers\" part=\"nsdap__time-pickers\">\n <nylas-time-window-picker\n id={`${entry.id}_start`}\n time={entry.startTime}\n name={`${entry.id}_start`}\n key={`${entry.id}_start`}\n language={this.selectedLanguage}\n hasError={!!this.validationErrors[entry.id]}\n themeConfig={this.themeConfig}\n exportparts=\"time-picker: nsdap__time-picker-container, time-input: nsdap__time-picker-input, times: nsdap__time-picker-times\"\n />\n <span class=\"time-separator\">-</span>\n <nylas-time-window-picker\n id={`${entry.id}_end`}\n time={entry.endTime}\n name={`${entry.id}_end`}\n key={`${entry.id}_end`}\n minimumStartTime={entry.startTime}\n language={this.selectedLanguage}\n hasError={!!this.validationErrors[entry.id]}\n themeConfig={this.themeConfig}\n exportparts=\"time-picker: nsdap__time-picker-container, time-input: nsdap__time-picker-input, times: nsdap__time-picker-times\"\n />\n </div>\n )}\n <button\n type=\"button\"\n class={{ 'toggle-button': true, 'unavailable': entry.isUnavailable }}\n part=\"nsdap__toggle-button\"\n onClick={() => this.toggleAvailability(entry.id)}\n title={\n entry.isUnavailable\n ? i18next.t('nylasSpecificDateAvailabilityPicker.markAsAvailable')\n : i18next.t('nylasSpecificDateAvailabilityPicker.markAsUnavailable')\n }\n >\n <calendar-icon width=\"20\" height=\"20\" />\n </button>\n <button\n type=\"button\"\n class=\"remove-button\"\n part=\"nsdap__remove-button\"\n onClick={() => this.removeSpecificDateOpenHour(entry.id)}\n aria-label=\"Remove specific date\"\n >\n <close-icon width=\"16\" height=\"16\" />\n </button>\n </div>\n {this.validationErrors[entry.id] && (\n <div class=\"error-message\" part=\"nsdap__error-message\">\n {this.validationErrors[entry.id]}\n </div>\n )}\n </div>\n ))\n )}\n </div>\n <div class=\"add-button-container\" part=\"nsdap__add-button-container\">\n <button-component id=\"add-specific-date-open-hour\" onClick={() => this.addSpecificDateOpenHour()} part=\"nsdap__add-button\" variant=\"basic\">\n <add-circle-icon width=\"24\" height=\"24\" />\n {i18next.t('nylasSpecificDateAvailabilityPicker.addSpecificDateOpenHour')}\n </button-component>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|