@seamapi/react 1.61.0 → 1.61.2
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/README.md +1 -1
- package/dist/elements.js +3679 -3727
- package/dist/elements.js.map +1 -1
- package/dist/index.css +134 -25
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/lib/dates.d.ts +6 -67
- package/lib/dates.js +13 -111
- package/lib/dates.js.map +1 -1
- package/lib/icons/CheckGreen.d.ts +2 -0
- package/lib/icons/CheckGreen.js +7 -0
- package/lib/icons/CheckGreen.js.map +1 -0
- package/lib/icons/CloseWhite.d.ts +2 -0
- package/lib/icons/CloseWhite.js +7 -0
- package/lib/icons/CloseWhite.js.map +1 -0
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js +14 -20
- package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -1
- package/lib/seam/components/AccessCodeTable/CodeDetails.js +4 -6
- package/lib/seam/components/AccessCodeTable/CodeDetails.js.map +1 -1
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js +8 -8
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.js.map +1 -1
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js +2 -2
- package/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.js.map +1 -1
- package/lib/seam/components/ClimateSettingScheduleDetails/dates.d.ts +1 -0
- package/lib/seam/components/ClimateSettingScheduleDetails/dates.js +9 -0
- package/lib/seam/components/ClimateSettingScheduleDetails/dates.js.map +1 -0
- package/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.js +4 -6
- package/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.js.map +1 -1
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js +3 -4
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js.map +1 -1
- package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js +3 -4
- package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js.map +1 -1
- package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js +1 -2
- package/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.js.map +1 -1
- package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js +3 -4
- package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js.map +1 -1
- package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js +12 -9
- package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeForm.d.ts +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeForm.js +45 -46
- package/lib/ui/AccessCodeForm/AccessCodeForm.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.d.ts +8 -7
- package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js +8 -4
- package/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.d.ts +8 -0
- package/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.js +17 -0
- package/lib/ui/AccessCodeForm/{AccessCodeFormTimezonePicker.js.map → AccessCodeFormTimeZonePicker.js.map} +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeFormTimes.d.ts +3 -2
- package/lib/ui/AccessCodeForm/AccessCodeFormTimes.js +3 -2
- package/lib/ui/AccessCodeForm/AccessCodeFormTimes.js.map +1 -1
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.d.ts +2 -2
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js +9 -9
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js.map +1 -1
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.d.ts +3 -3
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js +4 -4
- package/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js.map +1 -1
- package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.d.ts → ClimateSettingScheduleFormTimeZonePicker.d.ts} +2 -2
- package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.js → ClimateSettingScheduleFormTimeZonePicker.js} +5 -5
- package/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.js.map → ClimateSettingScheduleFormTimeZonePicker.js.map} +1 -1
- package/lib/ui/LoadingToast/LoadingToast.js +12 -14
- package/lib/ui/LoadingToast/LoadingToast.js.map +1 -1
- package/lib/ui/Menu/Menu.js +32 -25
- package/lib/ui/Menu/Menu.js.map +1 -1
- package/lib/ui/Snackbar/Snackbar.d.ts +16 -0
- package/lib/ui/Snackbar/Snackbar.js +38 -0
- package/lib/ui/Snackbar/Snackbar.js.map +1 -0
- package/lib/ui/TimeZonePicker/TimeZonePicker.d.ts +8 -0
- package/lib/ui/TimeZonePicker/TimeZonePicker.js +28 -0
- package/lib/ui/TimeZonePicker/TimeZonePicker.js.map +1 -0
- package/lib/ui/device/BatteryStatus.js +10 -6
- package/lib/ui/device/BatteryStatus.js.map +1 -1
- package/lib/ui/thermostat/ClimateModeMenu.js +4 -4
- package/lib/ui/thermostat/ClimateModeMenu.js.map +1 -1
- package/lib/ui/use-now.d.ts +2 -0
- package/lib/ui/{use-current-time.js → use-now.js} +2 -2
- package/lib/ui/use-now.js.map +1 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -2
- package/src/lib/dates.ts +19 -135
- package/src/lib/icons/CheckGreen.tsx +36 -0
- package/src/lib/icons/CloseWhite.tsx +36 -0
- package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx +6 -9
- package/src/lib/seam/components/AccessCodeTable/CodeDetails.tsx +2 -3
- package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleCard.tsx +9 -9
- package/src/lib/seam/components/ClimateSettingScheduleDetails/ClimateSettingScheduleDetails.tsx +5 -8
- package/src/lib/seam/components/ClimateSettingScheduleDetails/dates.ts +10 -0
- package/src/lib/seam/components/ClimateSettingScheduleTable/ClimateSettingScheduleRowDetails.tsx +2 -3
- package/src/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.tsx +3 -4
- package/src/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.tsx +3 -5
- package/src/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.tsx +1 -6
- package/src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx +3 -4
- package/src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx +20 -15
- package/src/lib/telemetry/client.ts +1 -0
- package/src/lib/ui/AccessCodeForm/AccessCodeForm.tsx +61 -67
- package/src/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.tsx +28 -18
- package/src/lib/ui/AccessCodeForm/{AccessCodeFormTimezonePicker.tsx → AccessCodeFormTimeZonePicker.tsx} +10 -10
- package/src/lib/ui/AccessCodeForm/AccessCodeFormTimes.tsx +9 -5
- package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.tsx +12 -12
- package/src/lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.tsx +10 -10
- package/src/lib/ui/ClimateSettingForm/{ClimateSettingScheduleFormTimezonePicker.tsx → ClimateSettingScheduleFormTimeZonePicker.tsx} +8 -8
- package/src/lib/ui/LoadingToast/LoadingToast.tsx +13 -16
- package/src/lib/ui/Menu/Menu.tsx +50 -40
- package/src/lib/ui/Snackbar/Snackbar.tsx +97 -0
- package/src/lib/ui/TimeZonePicker/TimeZonePicker.tsx +69 -0
- package/src/lib/ui/device/BatteryStatus.tsx +23 -14
- package/src/lib/ui/thermostat/ClimateModeMenu.tsx +4 -4
- package/src/lib/ui/{use-current-time.ts → use-now.ts} +1 -1
- package/src/lib/version.ts +1 -1
- package/src/styles/_access-code-form.scss +4 -4
- package/src/styles/_climate-setting-schedule-form.scss +1 -1
- package/src/styles/_colors.scss +2 -0
- package/src/styles/_loading_toast.scss +5 -16
- package/src/styles/_main.scss +4 -2
- package/src/styles/_motion.scss +34 -0
- package/src/styles/_snackbar.scss +107 -0
- package/src/styles/_supported-device-table.scss +9 -0
- package/src/styles/{_timezone-picker.scss → _time-zone-picker.scss} +3 -3
- package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.d.ts +0 -8
- package/lib/ui/AccessCodeForm/AccessCodeFormTimezonePicker.js +0 -17
- package/lib/ui/TimezonePicker/TimezonePicker.d.ts +0 -8
- package/lib/ui/TimezonePicker/TimezonePicker.js +0 -28
- package/lib/ui/TimezonePicker/TimezonePicker.js.map +0 -1
- package/lib/ui/use-current-time.d.ts +0 -2
- package/lib/ui/use-current-time.js.map +0 -1
- package/src/lib/ui/TimezonePicker/TimezonePicker.tsx +0 -70
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CreateAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useComponentTelemetry } from '../../../../lib/telemetry/index.js';
|
|
3
|
-
import { createIsoDate } from '../../../../lib/dates.js';
|
|
4
3
|
import { useCreateClimateSettingSchedule } from '../../../../lib/seam/thermostats/climate-setting-schedules/use-create-climate-setting-schedule.js';
|
|
5
4
|
import { ClimateSettingScheduleForm, } from '../../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleForm.js';
|
|
6
5
|
export function CreateClimateSettingScheduleForm({ className, onBack, }) {
|
|
@@ -11,15 +10,15 @@ export function CreateClimateSettingScheduleForm({ className, onBack, }) {
|
|
|
11
10
|
function useSubmitCreateClimateSettingSchedule(onSuccess) {
|
|
12
11
|
const { mutate, isLoading: isSubmitting } = useCreateClimateSettingSchedule();
|
|
13
12
|
const submit = (data) => {
|
|
14
|
-
const { name, deviceId, startDate, endDate,
|
|
13
|
+
const { name, deviceId, startDate, endDate, climateSetting } = data;
|
|
15
14
|
if (isSubmitting) {
|
|
16
15
|
return;
|
|
17
16
|
}
|
|
18
17
|
mutate({
|
|
19
18
|
name,
|
|
20
19
|
device_id: deviceId,
|
|
21
|
-
schedule_starts_at:
|
|
22
|
-
schedule_ends_at:
|
|
20
|
+
schedule_starts_at: startDate,
|
|
21
|
+
schedule_ends_at: endDate,
|
|
23
22
|
...climateSetting,
|
|
24
23
|
}, {
|
|
25
24
|
onSuccess,
|
package/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateClimateSettingScheduleForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"CreateClimateSettingScheduleForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/CreateClimateSettingScheduleForm/CreateClimateSettingScheduleForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,+BAA+B,EAAE,MAAM,uFAAuF,CAAA;AACvI,OAAO,EACL,0BAA0B,GAE3B,MAAM,yDAAyD,CAAA;AAIhE,MAAM,UAAU,gCAAgC,CAAC,EAC/C,SAAS,EACT,MAAM,GACgC;IACtC,qBAAqB,CAAC,kCAAkC,CAAC,CAAA;IAEzD,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,qCAAqC,CAAC,MAAM,CAAC,CAAA;IAE9E,OAAO,CACL,KAAC,0BAA0B,IACzB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;AACH,CAAC;AAED,SAAS,qCAAqC,CAAC,SAAsB;IAInE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,+BAA+B,EAAE,CAAA;IAC7E,MAAM,MAAM,GAAG,CAAC,IAA0C,EAAQ,EAAE;QAClE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;QAEnE,IAAI,YAAY,EAAE;YAChB,OAAM;SACP;QAED,MAAM,CACJ;YACE,IAAI;YACJ,SAAS,EAAE,QAAQ;YACnB,kBAAkB,EAAE,SAAS;YAC7B,gBAAgB,EAAE,OAAO;YACzB,GAAG,cAAc;SAClB,EACD;YACE,SAAS;SACV,CACF,CAAA;IACH,CAAC,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA;AACjC,CAAC"}
|
|
@@ -37,7 +37,7 @@ export function ThermostatDeviceDetails(props) {
|
|
|
37
37
|
}, children: _jsx("div", { className: 'seam-detail-row-rotated-icon', children: _jsx(ChevronWideIcon, {}) }) }) }), _jsx(DetailSection, { label: t.currentSettings, tooltipContent: t.currentSettingsTooltip, children: _jsx(DetailRow, { label: t.climate, children: _jsx(ClimateSettingStatus, { climateSetting: device.properties.current_climate_setting, temperatureUnit: 'fahrenheit' }) }) }), _jsxs(DetailSection, { label: t.defaultSettings, tooltipContent: t.defaultSettingsTooltip, children: [_jsx(DetailRow, { label: t.defaultClimate, children: device.properties.default_climate_setting != null ? (_jsx(ClimateSettingStatus, { climateSetting: device.properties.default_climate_setting, temperatureUnit: 'fahrenheit' })) : (_jsx("p", { children: t.none })) }), _jsx(DetailRow, { label: t.allowManualOverride, children: _jsx("p", { children: device.properties.current_climate_setting
|
|
38
38
|
.manual_override_allowed
|
|
39
39
|
? t.yes
|
|
40
|
-
: t.no }) })] }), _jsxs(DetailSection, { label: t.deviceDetails,
|
|
40
|
+
: t.no }) })] }), _jsxs(DetailSection, { label: t.deviceDetails, children: [_jsx(DetailRow, { label: t.brand, children: _jsxs("div", { className: 'seam-detail-row-hstack', children: [device.properties.model.manufacturer_display_name, device.properties.manufacturer === 'ecobee' && _jsx(BeeIcon, {})] }) }), _jsx(DetailRow, { label: t.linkedAccount, sublabel: connectedAccount?.user_identifier?.email ??
|
|
41
41
|
device.connected_account_id }), _jsx(DetailRow, { label: t.deviceId, sublabel: device.device_id })] })] }) })] })] }));
|
|
42
42
|
}
|
|
43
43
|
const t = {
|
|
@@ -55,7 +55,6 @@ const t = {
|
|
|
55
55
|
defaultClimate: 'Default climate',
|
|
56
56
|
allowManualOverride: 'Allow manual override',
|
|
57
57
|
deviceDetails: 'Device details',
|
|
58
|
-
deviceDetailsTooltip: 'When a scheduled climate reaches its end time, the default settings will kick in.',
|
|
59
58
|
brand: 'Brand',
|
|
60
59
|
linkedAccount: 'Linked account',
|
|
61
60
|
deviceId: 'Device ID',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThermostatDeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ThermostatDeviceDetails.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceDetails/ThermostatDeviceDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useComponentTelemetry } from '../../../../lib/telemetry/index.js';
|
|
3
|
-
import { createIsoDate } from '../../../../lib/dates.js';
|
|
4
3
|
import { useAccessCode, } from '../../../../lib/seam/access-codes/use-access-code.js';
|
|
5
4
|
import { useUpdateAccessCode } from '../../../../lib/seam/access-codes/use-update-access-code.js';
|
|
6
5
|
import { withRequiredCommonProps, } from '../../../../lib/seam/components/common-props.js';
|
|
@@ -33,7 +32,7 @@ function useSubmitEditAccessCode(accessCode, onSuccess) {
|
|
|
33
32
|
const { responseErrors, handleResponseError, resetResponseErrors } = useResponseErrors();
|
|
34
33
|
const submit = (data) => {
|
|
35
34
|
resetResponseErrors();
|
|
36
|
-
const { name, code, type, device, startDate, endDate
|
|
35
|
+
const { name, code, type, device, startDate, endDate } = data;
|
|
37
36
|
if (name === '') {
|
|
38
37
|
return;
|
|
39
38
|
}
|
|
@@ -47,8 +46,8 @@ function useSubmitEditAccessCode(accessCode, onSuccess) {
|
|
|
47
46
|
code,
|
|
48
47
|
device_id: device.device_id,
|
|
49
48
|
type: 'time_bound',
|
|
50
|
-
starts_at:
|
|
51
|
-
ends_at:
|
|
49
|
+
starts_at: startDate,
|
|
50
|
+
ends_at: endDate,
|
|
52
51
|
}, {
|
|
53
52
|
onSuccess,
|
|
54
53
|
onError: handleResponseError,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,
|
|
1
|
+
{"version":3,"file":"EditAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,15 +3,18 @@ import { ChevronDownIcon } from '../../../../lib/icons/ChevronDown.js';
|
|
|
3
3
|
import { Menu } from '../../../../lib/ui/Menu/Menu.js';
|
|
4
4
|
import { MenuItem } from '../../../../lib/ui/Menu/MenuItem.js';
|
|
5
5
|
export function FilterCategoryMenu({ label = t.filter, allLabel, options, hideAllOption = false, onSelect, onAllOptionSelect, buttonLabel, }) {
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
const sortedOptions = [...options].sort((a, b) => a.localeCompare(b));
|
|
7
|
+
const usableOptions = hideAllOption
|
|
8
|
+
? sortedOptions
|
|
9
|
+
: [allLabel, ...sortedOptions];
|
|
10
|
+
return (_jsxs("div", { className: 'seam-supported-device-table-filter-menu-wrap', children: [_jsx("p", { children: label }), _jsx(Menu, { renderButton: ({ onOpen }) => (_jsxs("button", { onClick: onOpen, children: [_jsx("span", { children: buttonLabel }), _jsx(ChevronDownIcon, {})] })), children: _jsx("div", { className: 'seam-supported-device-table-filter-menu-content', children: usableOptions.map((option, index) => (_jsx(MenuItem, { onClick: () => {
|
|
11
|
+
if (option === allLabel) {
|
|
12
|
+
onAllOptionSelect?.();
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
onSelect(option);
|
|
16
|
+
}
|
|
17
|
+
}, children: _jsx("span", { children: option }) }, `${index}:${option}`))) }) })] }));
|
|
15
18
|
}
|
|
16
19
|
const t = {
|
|
17
20
|
filter: 'Filter',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterCategoryMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AA2BlD,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,GAAG,CAAC,CAAC,MAAM,EAChB,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,GACa;IACxB,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"FilterCategoryMenu.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AA2BlD,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,GAAG,CAAC,CAAC,MAAM,EAChB,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,GACa;IACxB,MAAM,aAAa,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IACrE,MAAM,aAAa,GAAG,aAAa;QACjC,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,aAAa,CAAC,CAAA;IAEhC,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,KAAK,GAAK,EACd,KAAC,IAAI,IACH,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5B,kBAAQ,OAAO,EAAE,MAAM,aACrB,yBAAO,WAAW,GAAQ,EAC1B,KAAC,eAAe,KAAG,IACZ,CACV,YAED,cAAK,SAAS,EAAC,iDAAiD,YAC7D,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,MAAM,KAAK,QAAQ,EAAE;gCACvB,iBAAiB,EAAE,EAAE,CAAA;6BACtB;iCAAM;gCACL,QAAQ,CAAC,MAAM,CAAC,CAAA;6BACjB;wBACH,CAAC,YAED,yBAAO,MAAM,GAAQ,IAThB,GAAG,KAAK,IAAI,MAAM,EAAE,CAUhB,CACZ,CAAC,GACE,GACD,IACH,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;CACjB,CAAA"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
import { DateTime } from 'luxon';
|
|
3
4
|
import { useState } from 'react';
|
|
4
5
|
import { useForm } from 'react-hook-form';
|
|
5
6
|
import { isLockDevice } from 'seamapi';
|
|
6
|
-
import {
|
|
7
|
+
import { getSystemTimeZone } from '../../../lib/dates.js';
|
|
7
8
|
import { useGenerateAccessCodeCode } from '../../../lib/seam/access-codes/use-generate-access-code-code.js';
|
|
8
9
|
import { AccessCodeFormDatePicker } from '../../../lib/ui/AccessCodeForm/AccessCodeFormDatePicker.js';
|
|
9
10
|
import { AccessCodeFormTimes } from '../../../lib/ui/AccessCodeForm/AccessCodeFormTimes.js';
|
|
10
|
-
import {
|
|
11
|
+
import { AccessCodeFormTimeZonePicker } from '../../../lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.js';
|
|
11
12
|
import { Button } from '../../../lib/ui/Button.js';
|
|
12
13
|
import { FormField } from '../../../lib/ui/FormField.js';
|
|
13
14
|
import { InputLabel } from '../../../lib/ui/InputLabel.js';
|
|
@@ -21,21 +22,29 @@ export function AccessCodeForm({ className, ...props }) {
|
|
|
21
22
|
function Content({ onBack, accessCode, device, onSubmit, isSubmitting, responseErrors, }) {
|
|
22
23
|
const [type, setType] = useState(accessCode?.type ?? 'ongoing');
|
|
23
24
|
const [datePickerVisible, setDatePickerVisible] = useState(false);
|
|
24
|
-
const [
|
|
25
|
-
const [startDate, setStartDate] = useState(getAccessCodeDate('starts_at', accessCode) ?? getNow());
|
|
26
|
-
const [endDate, setEndDate] = useState(getAccessCodeDate('ends_at', accessCode) ??
|
|
25
|
+
const [timeZone, setTimeZone] = useState(getSystemTimeZone());
|
|
26
|
+
const [startDate, setStartDate] = useState(getAccessCodeDate('starts_at', accessCode) ?? getNow(timeZone));
|
|
27
|
+
const [endDate, setEndDate] = useState(getAccessCodeDate('ends_at', accessCode) ?? getOneDayFromNow(timeZone));
|
|
27
28
|
const save = (data) => {
|
|
28
29
|
if (isSubmitting) {
|
|
29
30
|
return;
|
|
30
31
|
}
|
|
32
|
+
const start = startDate.toISO();
|
|
33
|
+
if (start == null) {
|
|
34
|
+
throw new Error(`Invalid start date: ${startDate.invalidReason}`);
|
|
35
|
+
}
|
|
36
|
+
const end = endDate.toISO();
|
|
37
|
+
if (end == null) {
|
|
38
|
+
throw new Error(`Invalid end date: ${endDate.invalidReason}`);
|
|
39
|
+
}
|
|
31
40
|
onSubmit({
|
|
32
41
|
name: data.name,
|
|
33
42
|
code: data.code,
|
|
34
43
|
type,
|
|
35
44
|
device,
|
|
36
|
-
startDate,
|
|
37
|
-
endDate,
|
|
38
|
-
|
|
45
|
+
startDate: start,
|
|
46
|
+
endDate: end,
|
|
47
|
+
timeZone,
|
|
39
48
|
});
|
|
40
49
|
};
|
|
41
50
|
const { register, handleSubmit, formState: { errors }, setValue, } = useForm({
|
|
@@ -44,14 +53,18 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, responseE
|
|
|
44
53
|
code: accessCode?.code ?? '',
|
|
45
54
|
},
|
|
46
55
|
});
|
|
47
|
-
const [
|
|
56
|
+
const [timeZonePickerVisible, toggleTimeZonePicker] = useToggle();
|
|
48
57
|
const { isLoading: isGeneratingCode, mutate: generateCode } = useGenerateAccessCodeCode();
|
|
49
58
|
const submit = () => { };
|
|
50
|
-
if (
|
|
51
|
-
return (_jsx(
|
|
59
|
+
if (timeZonePickerVisible) {
|
|
60
|
+
return (_jsx(AccessCodeFormTimeZonePicker, { value: timeZone, onChange: (timeZone) => {
|
|
61
|
+
setTimeZone(timeZone);
|
|
62
|
+
setStartDate(startDate.setZone(timeZone));
|
|
63
|
+
setEndDate(endDate.setZone(timeZone));
|
|
64
|
+
}, onClose: toggleTimeZonePicker }));
|
|
52
65
|
}
|
|
53
66
|
if (datePickerVisible) {
|
|
54
|
-
return (_jsx(AccessCodeFormDatePicker, { startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate,
|
|
67
|
+
return (_jsx(AccessCodeFormDatePicker, { startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, timeZone: timeZone, onChangeTimeZone: toggleTimeZonePicker, onBack: () => {
|
|
55
68
|
setDatePickerVisible(false);
|
|
56
69
|
} }));
|
|
57
70
|
}
|
|
@@ -67,18 +80,6 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, responseE
|
|
|
67
80
|
},
|
|
68
81
|
});
|
|
69
82
|
};
|
|
70
|
-
const validateCodeLength = (value) => {
|
|
71
|
-
if (!isLockDevice(device)) {
|
|
72
|
-
return true;
|
|
73
|
-
}
|
|
74
|
-
if (device.properties.supported_code_lengths == null) {
|
|
75
|
-
return true;
|
|
76
|
-
}
|
|
77
|
-
if (device.properties.supported_code_lengths.includes(value.length)) {
|
|
78
|
-
return true;
|
|
79
|
-
}
|
|
80
|
-
return t.codeLengthError(device.properties.supported_code_lengths.join(', '));
|
|
81
|
-
};
|
|
82
83
|
const hasCodeError = errors.code != null || responseErrors?.code != null;
|
|
83
84
|
const codeLengthRequirement = getCodeLengthRequirement(device);
|
|
84
85
|
const codeLengthRequirementMessage = codeLengthRequirement != null
|
|
@@ -97,7 +98,7 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, responseE
|
|
|
97
98
|
} })] }), _jsxs(FormField, { className: 'seam-code-field', children: [_jsx(InputLabel, { children: t.codeInputLabel }), _jsx(TextField, { size: 'large', clearable: true, hasError: hasCodeError, helperText: responseErrors?.code ?? errors.code?.message, inputProps: {
|
|
98
99
|
...register('code', {
|
|
99
100
|
required: t.codeRequiredError,
|
|
100
|
-
validate: validateCodeLength,
|
|
101
|
+
validate: (value) => validateCodeLength(device, value),
|
|
101
102
|
}),
|
|
102
103
|
} }), _jsxs("div", { className: classNames('seam-bottom', {
|
|
103
104
|
'has-hints': codeLengthRequirementMessage != null,
|
|
@@ -119,21 +120,19 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, responseE
|
|
|
119
120
|
setDatePickerVisible(true);
|
|
120
121
|
} })) })] }), responseErrors?.unknown != null && (_jsx("div", { className: 'seam-unknown-error', children: responseErrors?.unknown })), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onBack, children: t.cancel }), _jsx(Button, { variant: 'solid', disabled: isSubmitting, onMouseDown: submit, type: 'submit', children: t.save })] })] }) })] }));
|
|
121
122
|
}
|
|
122
|
-
|
|
123
|
-
if (
|
|
124
|
-
return
|
|
123
|
+
const validateCodeLength = (device, value) => {
|
|
124
|
+
if (!isLockDevice(device)) {
|
|
125
|
+
return true;
|
|
125
126
|
}
|
|
126
|
-
if (
|
|
127
|
-
return
|
|
127
|
+
if (device.properties.supported_code_lengths == null) {
|
|
128
|
+
return true;
|
|
128
129
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
if (timezone == null) {
|
|
132
|
-
return undefined;
|
|
130
|
+
if (device.properties.supported_code_lengths.includes(value.length)) {
|
|
131
|
+
return true;
|
|
133
132
|
}
|
|
134
|
-
return
|
|
135
|
-
}
|
|
136
|
-
|
|
133
|
+
return t.codeLengthError(device.properties.supported_code_lengths.join(', '));
|
|
134
|
+
};
|
|
135
|
+
const getCodeLengthRequirement = (device) => {
|
|
137
136
|
if (!isLockDevice(device)) {
|
|
138
137
|
return null;
|
|
139
138
|
}
|
|
@@ -148,22 +147,22 @@ function getCodeLengthRequirement(device) {
|
|
|
148
147
|
return `${codeLengths[0]}-${codeLengths[codeLengths.length - 1]}`;
|
|
149
148
|
}
|
|
150
149
|
return codeLengths.join(', ');
|
|
151
|
-
}
|
|
150
|
+
};
|
|
152
151
|
// 0 - 99 in a string
|
|
153
152
|
// 0123456789101112...99
|
|
154
153
|
const sequentialNumbers = Array.from({ length: 100 }, (_, index) => index).join('');
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
}
|
|
158
|
-
function getAccessCodeDate(date, accessCode) {
|
|
154
|
+
const isSequential = (numbers) => sequentialNumbers.includes(numbers);
|
|
155
|
+
const getAccessCodeDate = (date, accessCode) => {
|
|
159
156
|
if (accessCode == null) {
|
|
160
|
-
return
|
|
157
|
+
return null;
|
|
161
158
|
}
|
|
162
159
|
if (accessCode.type !== 'time_bound') {
|
|
163
|
-
return
|
|
160
|
+
return null;
|
|
164
161
|
}
|
|
165
|
-
return accessCode[date];
|
|
166
|
-
}
|
|
162
|
+
return DateTime.fromISO(accessCode[date]);
|
|
163
|
+
};
|
|
164
|
+
const getNow = (timeZone) => DateTime.now().setZone(timeZone);
|
|
165
|
+
const getOneDayFromNow = (timeZone) => DateTime.now().setZone(timeZone).plus({ days: 1 });
|
|
167
166
|
const t = {
|
|
168
167
|
addNewAccessCode: 'Add new access code',
|
|
169
168
|
editAccessCode: 'Edit access code',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAsC,YAAY,EAAE,MAAM,SAAS,CAAA;AAE1E,OAAO,
|
|
1
|
+
{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
import type { DateTime } from 'luxon';
|
|
2
3
|
interface AccessCodeFormDatePickerProps {
|
|
3
|
-
startDate:
|
|
4
|
-
setStartDate: (
|
|
5
|
-
endDate:
|
|
6
|
-
setEndDate: (
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
startDate: DateTime;
|
|
5
|
+
setStartDate: (dateTime: DateTime) => void;
|
|
6
|
+
endDate: DateTime;
|
|
7
|
+
setEndDate: (dateTime: DateTime) => void;
|
|
8
|
+
timeZone: string;
|
|
9
|
+
onChangeTimeZone: () => void;
|
|
9
10
|
onBack: (() => void) | undefined;
|
|
10
11
|
}
|
|
11
|
-
export declare function AccessCodeFormDatePicker({
|
|
12
|
+
export declare function AccessCodeFormDatePicker({ timeZone, onBack, startDate, setStartDate, endDate, setEndDate, onChangeTimeZone, }: AccessCodeFormDatePickerProps): JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { formatTimeZone, parseDateTimePickerValue, serializeDateTimePickerValue, } from '../../../lib/dates.js';
|
|
3
3
|
import { ChevronRightIcon } from '../../../lib/icons/ChevronRight.js';
|
|
4
4
|
import { DateTimePicker } from '../../../lib/ui/DateTimePicker/DateTimePicker.js';
|
|
5
5
|
import { FormField } from '../../../lib/ui/FormField.js';
|
|
6
6
|
import { InputLabel } from '../../../lib/ui/InputLabel.js';
|
|
7
7
|
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
|
|
8
|
-
export function AccessCodeFormDatePicker({
|
|
9
|
-
return (_jsxs("div", { className: 'seam-schedule-picker', children: [_jsx(ContentHeader, { title: t.timingTitle, onBack: onBack }), _jsxs("div", { className: 'seam-content', children: [_jsxs("div", { className: 'seam-
|
|
8
|
+
export function AccessCodeFormDatePicker({ timeZone, onBack, startDate, setStartDate, endDate, setEndDate, onChangeTimeZone, }) {
|
|
9
|
+
return (_jsxs("div", { className: 'seam-schedule-picker', children: [_jsx(ContentHeader, { title: t.timingTitle, onBack: onBack }), _jsxs("div", { className: 'seam-content', children: [_jsxs("div", { className: 'seam-time-zone', children: [_jsx("span", { className: 'seam-label', children: t.selectedTimeZoneLabel }), _jsxs("span", { className: 'seam-selected', onClick: onChangeTimeZone, children: [formatTimeZone(timeZone), _jsx(ChevronRightIcon, {})] })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.startTimeLabel }), _jsx(DateTimePicker, { value: serializeDateTimePickerValue(startDate, timeZone) ?? '', onChange: (value) => {
|
|
10
|
+
setStartDate(parseDateTimePickerValue(value, timeZone));
|
|
11
|
+
}, size: 'large' })] }), _jsxs(FormField, { children: [_jsx(InputLabel, { children: t.endTimeLabel }), _jsx(DateTimePicker, { value: serializeDateTimePickerValue(endDate, timeZone) ?? '', onChange: (value) => {
|
|
12
|
+
setEndDate(parseDateTimePickerValue(value, timeZone));
|
|
13
|
+
}, size: 'large' })] })] })] }));
|
|
10
14
|
}
|
|
11
15
|
const t = {
|
|
12
16
|
timingTitle: 'Timing',
|
|
13
|
-
|
|
17
|
+
selectedTimeZoneLabel: 'All times in',
|
|
14
18
|
startTimeLabel: 'Start',
|
|
15
19
|
endTimeLabel: 'End',
|
|
16
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeFormDatePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AccessCodeFormDatePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeFormDatePicker.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,cAAc,EACd,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAY9D,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,OAAO,EACP,UAAU,EACV,gBAAgB,GACc;IAC9B,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,aAAa,IAAC,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,EACvD,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,qBAAqB,GAAQ,EAC7D,gBAAM,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,gBAAgB,aACtD,cAAc,CAAC,QAAQ,CAAC,EACzB,KAAC,gBAAgB,KAAG,IACf,IACH,EACN,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,GAAc,EAC3C,KAAC,cAAc,IACb,KAAK,EAAE,4BAA4B,CAAC,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,EAC9D,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;oCAC1B,YAAY,CAAC,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;gCACzD,CAAC,EACD,IAAI,EAAC,OAAO,GACZ,IACQ,EACZ,MAAC,SAAS,eACR,KAAC,UAAU,cAAE,CAAC,CAAC,YAAY,GAAc,EACzC,KAAC,cAAc,IACb,KAAK,EAAE,4BAA4B,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,EAC5D,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;oCAC1B,UAAU,CAAC,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;gCACvD,CAAC,EACD,IAAI,EAAC,OAAO,GACZ,IACQ,IACR,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,QAAQ;IACrB,qBAAqB,EAAE,cAAc;IACrC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,KAAK;CACpB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
interface AccessCodeFormTimeZonePickerProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (timeZone: string) => void;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function AccessCodeFormTimeZonePicker({ onChange, value, onClose, }: AccessCodeFormTimeZonePickerProps): JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
|
|
4
|
+
import { TimeZonePicker } from '../../../lib/ui/TimeZonePicker/TimeZonePicker.js';
|
|
5
|
+
export function AccessCodeFormTimeZonePicker({ onChange, value, onClose, }) {
|
|
6
|
+
const [title, setTitle] = useState(t.titleAuto);
|
|
7
|
+
return (_jsxs("div", { className: 'seam-access-code-time-zone-picker', children: [_jsx(ContentHeader, { title: title, onBack: onClose }), _jsx("div", { className: 'seam-content', children: _jsx(TimeZonePicker, { value: value, onChange: onChange, onManualTimeZoneSelected: (manualTimeZoneSelected) => {
|
|
8
|
+
setTitle(manualTimeZoneSelected ? t.titleManual : t.titleAuto);
|
|
9
|
+
} }) })] }));
|
|
10
|
+
}
|
|
11
|
+
const t = {
|
|
12
|
+
titleAuto: 'Time Zone (automatic)',
|
|
13
|
+
titleManual: 'Time Zone (manual)',
|
|
14
|
+
utc: 'UTC',
|
|
15
|
+
setTimeZoneManuallyLabel: 'Use local time zone',
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=AccessCodeFormTimeZonePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"AccessCodeFormTimeZonePicker.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeFormTimeZonePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAQxE,MAAM,UAAU,4BAA4B,CAAC,EAC3C,QAAQ,EACR,KAAK,EACL,OAAO,GAC2B;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAI,EAChD,cAAK,SAAS,EAAC,cAAc,YAC3B,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,wBAAwB,EAAE,CAAC,sBAAsB,EAAE,EAAE;wBACnD,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;oBAChE,CAAC,GACD,GACE,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,SAAS,EAAE,uBAAuB;IAClC,WAAW,EAAE,oBAAoB;IACjC,GAAG,EAAE,KAAK;IACV,wBAAwB,EAAE,qBAAqB;CAChD,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
import { DateTime } from 'luxon';
|
|
2
3
|
interface AccessCodeFormTimesProps {
|
|
3
|
-
startDate:
|
|
4
|
-
endDate:
|
|
4
|
+
startDate: DateTime;
|
|
5
|
+
endDate: DateTime;
|
|
5
6
|
onEdit: () => void;
|
|
6
7
|
}
|
|
7
8
|
export declare function AccessCodeFormTimes({ startDate, endDate, onEdit, }: AccessCodeFormTimesProps): JSX.Element;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { DateTime } from 'luxon';
|
|
3
3
|
import { EditIcon } from '../../../lib/icons/Edit.js';
|
|
4
4
|
import { IconButton } from '../../../lib/ui/IconButton.js';
|
|
5
5
|
export function AccessCodeFormTimes({ startDate, endDate, onEdit, }) {
|
|
6
|
-
return (_jsxs("div", { className: 'seam-selected-times', children: [_jsxs("div", { children: [_jsx("span", { className: 'seam-label', children: t.startTimeLabel }), _jsx("span", { className: 'seam-time', children:
|
|
6
|
+
return (_jsxs("div", { className: 'seam-selected-times', children: [_jsxs("div", { children: [_jsx("span", { className: 'seam-label', children: t.startTimeLabel }), _jsx("span", { className: 'seam-time', children: formatDateTime(startDate) }), _jsx("span", { className: 'seam-label', children: t.endTimeLabel }), _jsx("span", { className: 'seam-time', children: formatDateTime(endDate) })] }), _jsx(IconButton, { onClick: onEdit, className: 'seam-show-date-picker-btn', children: _jsx(EditIcon, {}) })] }));
|
|
7
7
|
}
|
|
8
|
+
const formatDateTime = (dateTime) => dateTime.toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS);
|
|
8
9
|
const t = {
|
|
9
10
|
startTimeLabel: 'Start',
|
|
10
11
|
endTimeLabel: 'End',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeFormTimes.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeFormTimes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AccessCodeFormTimes.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeFormTimes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAQjD,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,MAAM,GACmB;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,0BACE,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,cAAc,GAAQ,EACtD,eAAM,SAAS,EAAC,WAAW,YAAE,cAAc,CAAC,SAAS,CAAC,GAAQ,EAC9D,eAAM,SAAS,EAAC,YAAY,YAAE,CAAC,CAAC,YAAY,GAAQ,EACpD,eAAM,SAAS,EAAC,WAAW,YAAE,cAAc,CAAC,OAAO,CAAC,GAAQ,IACxD,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,2BAA2B,YAChE,KAAC,QAAQ,KAAG,GACD,IACT,CACP,CAAA;AACH,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAU,EAAE,CACpD,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,0BAA0B,CAAC,CAAA;AAE9D,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,KAAK;CACpB,CAAA"}
|
|
@@ -5,7 +5,7 @@ export interface ClimateSettingScheduleFormSubmitData {
|
|
|
5
5
|
deviceId: string;
|
|
6
6
|
startDate: string;
|
|
7
7
|
endDate: string;
|
|
8
|
-
|
|
8
|
+
timeZone: string;
|
|
9
9
|
climateSetting: ClimateSetting;
|
|
10
10
|
}
|
|
11
11
|
export interface ClimateSettingScheduleFormProps {
|
|
@@ -19,7 +19,7 @@ export interface ClimateSettingScheduleFormFields {
|
|
|
19
19
|
deviceId: string;
|
|
20
20
|
startDate: string;
|
|
21
21
|
endDate: string;
|
|
22
|
-
|
|
22
|
+
timeZone: string;
|
|
23
23
|
}
|
|
24
24
|
export declare function ClimateSettingScheduleForm({ className, ...props }: ClimateSettingScheduleFormProps): JSX.Element | null;
|
|
25
25
|
export declare const t: {
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useForm } from 'react-hook-form';
|
|
5
|
-
import {
|
|
5
|
+
import { getSystemTimeZone } from '../../../lib/dates.js';
|
|
6
6
|
import { ClimateSettingScheduleFormDeviceSelect } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleFormDeviceSelect.js';
|
|
7
7
|
import { ClimateSettingScheduleFormNameAndSchedule } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleFormNameAndSchedule.js';
|
|
8
|
-
import {
|
|
8
|
+
import { ClimateSettingScheduleFormTimeZonePicker } from '../../../lib/ui/ClimateSettingForm/ClimateSettingScheduleFormTimeZonePicker.js';
|
|
9
9
|
export function ClimateSettingScheduleForm({ className, ...props }) {
|
|
10
10
|
return (_jsx("div", { className: classNames('seam-climate-setting-schedule-form', className), children: _jsx(Content, { ...props }) }));
|
|
11
11
|
}
|
|
@@ -16,11 +16,11 @@ function Content({ onBack, }) {
|
|
|
16
16
|
name: '',
|
|
17
17
|
startDate: '',
|
|
18
18
|
endDate: '',
|
|
19
|
-
|
|
19
|
+
timeZone: getSystemTimeZone(),
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
22
|
const deviceId = watch('deviceId');
|
|
23
|
-
const
|
|
23
|
+
const timeZone = watch('timeZone');
|
|
24
24
|
const [page, setPage] = useState('device_select');
|
|
25
25
|
if (page === 'device_select') {
|
|
26
26
|
return (_jsx(ClimateSettingScheduleFormDeviceSelect, { title: t.addNewClimateSettingSchedule, control: control, onBack: onBack, onSelect: () => {
|
|
@@ -32,12 +32,12 @@ function Content({ onBack, }) {
|
|
|
32
32
|
setPage('device_select');
|
|
33
33
|
}, onCancel: onBack, onNext: () => {
|
|
34
34
|
setPage('climate_setting');
|
|
35
|
-
},
|
|
36
|
-
setPage('
|
|
37
|
-
},
|
|
35
|
+
}, onChangeTimeZone: () => {
|
|
36
|
+
setPage('time_zone_select');
|
|
37
|
+
}, timeZone: timeZone }));
|
|
38
38
|
}
|
|
39
|
-
if (page === '
|
|
40
|
-
return (_jsx(
|
|
39
|
+
if (page === 'time_zone_select') {
|
|
40
|
+
return (_jsx(ClimateSettingScheduleFormTimeZonePicker, { control: control, onClose: () => {
|
|
41
41
|
setPage('name_and_schedule');
|
|
42
42
|
} }));
|
|
43
43
|
}
|