@seamapi/react 1.60.1 → 1.60.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 +4310 -4290
- package/dist/elements.js.map +1 -1
- package/dist/index.css +6 -0
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.d.ts +7 -0
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js +35 -13
- package/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js.map +1 -1
- package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js +8 -15
- package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js.map +1 -1
- package/lib/ui/AccessCodeForm/AccessCodeForm.d.ts +5 -1
- package/lib/ui/AccessCodeForm/AccessCodeForm.js +4 -4
- package/lib/ui/AccessCodeForm/AccessCodeForm.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.tsx +53 -15
- package/src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx +11 -19
- package/src/lib/ui/AccessCodeForm/AccessCodeForm.tsx +12 -4
- package/src/lib/version.ts +1 -1
- package/src/styles/_access-code-form.scss +7 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"EditAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,12 +11,16 @@ export interface AccessCodeFormSubmitData {
|
|
|
11
11
|
endDate: string;
|
|
12
12
|
timezone: string;
|
|
13
13
|
}
|
|
14
|
+
export interface ResponseErrors {
|
|
15
|
+
unknown?: string | undefined;
|
|
16
|
+
code?: string | undefined;
|
|
17
|
+
}
|
|
14
18
|
export interface AccessCodeFormProps {
|
|
15
19
|
accessCode?: NonNullable<UseAccessCodeData>;
|
|
16
20
|
device: NonNullable<UseDeviceData>;
|
|
17
21
|
isSubmitting: boolean;
|
|
18
22
|
onSubmit: (data: AccessCodeFormSubmitData) => void;
|
|
19
|
-
|
|
23
|
+
responseErrors: ResponseErrors | null;
|
|
20
24
|
onBack: (() => void) | undefined;
|
|
21
25
|
className: string | undefined;
|
|
22
26
|
}
|
|
@@ -18,7 +18,7 @@ import { useToggle } from '../../../lib/ui/use-toggle.js';
|
|
|
18
18
|
export function AccessCodeForm({ className, ...props }) {
|
|
19
19
|
return (_jsx("div", { className: classNames('seam-access-code-form', className), children: _jsx(Content, { ...props }) }));
|
|
20
20
|
}
|
|
21
|
-
function Content({ onBack, accessCode, device, onSubmit, isSubmitting,
|
|
21
|
+
function Content({ onBack, accessCode, device, onSubmit, isSubmitting, responseErrors, }) {
|
|
22
22
|
const [type, setType] = useState(accessCode?.type ?? 'ongoing');
|
|
23
23
|
const [datePickerVisible, setDatePickerVisible] = useState(false);
|
|
24
24
|
const [timezone, setTimezone] = useState(getAccessCodeTimezone(accessCode) ?? getBrowserTimezone());
|
|
@@ -79,7 +79,7 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, codeError
|
|
|
79
79
|
}
|
|
80
80
|
return t.codeLengthError(device.properties.supported_code_lengths.join(', '));
|
|
81
81
|
};
|
|
82
|
-
const hasCodeError = errors.code != null ||
|
|
82
|
+
const hasCodeError = errors.code != null || responseErrors?.code != null;
|
|
83
83
|
const codeLengthRequirement = getCodeLengthRequirement(device);
|
|
84
84
|
const codeLengthRequirementMessage = codeLengthRequirement != null
|
|
85
85
|
? t.codeLengthRequirement(codeLengthRequirement)
|
|
@@ -94,7 +94,7 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, codeError
|
|
|
94
94
|
message: t.nameOverCharacterLimitError,
|
|
95
95
|
},
|
|
96
96
|
}),
|
|
97
|
-
} })] }), _jsxs(FormField, { className: 'seam-code-field', children: [_jsx(InputLabel, { children: t.codeInputLabel }), _jsx(TextField, { size: 'large', clearable: true, hasError: hasCodeError, helperText:
|
|
97
|
+
} })] }), _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
98
|
...register('code', {
|
|
99
99
|
required: t.codeRequiredError,
|
|
100
100
|
validate: validateCodeLength,
|
|
@@ -117,7 +117,7 @@ function Content({ onBack, accessCode, device, onSubmit, isSubmitting, codeError
|
|
|
117
117
|
},
|
|
118
118
|
] }), _jsx(_Fragment, { children: type === 'time_bound' && (_jsx(AccessCodeFormTimes, { startDate: startDate, endDate: endDate, onEdit: () => {
|
|
119
119
|
setDatePickerVisible(true);
|
|
120
|
-
} })) })] }), _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 })] })] }) })] }));
|
|
120
|
+
} })) })] }), 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
121
|
}
|
|
122
122
|
function getAccessCodeTimezone(accessCode) {
|
|
123
123
|
if (accessCode == null) {
|
|
@@ -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,EACL,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,sBAAsB,GACvB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAA;AAElG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAA;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uDAAuD,CAAA;AACpG,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const seamapiReactVersion = "1.60.
|
|
1
|
+
declare const seamapiReactVersion = "1.60.2";
|
|
2
2
|
export default seamapiReactVersion;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -14,6 +14,7 @@ import { getValidationError } from 'lib/seam/error-handlers.js'
|
|
|
14
14
|
import {
|
|
15
15
|
AccessCodeForm,
|
|
16
16
|
type AccessCodeFormSubmitData,
|
|
17
|
+
type ResponseErrors,
|
|
17
18
|
} from 'lib/ui/AccessCodeForm/AccessCodeForm.js'
|
|
18
19
|
|
|
19
20
|
export interface CreateAccessCodeFormProps extends CommonProps {
|
|
@@ -48,7 +49,7 @@ function Content({
|
|
|
48
49
|
}: Omit<CreateAccessCodeFormProps, 'deviceId'> & {
|
|
49
50
|
device: NonNullable<UseDeviceData>
|
|
50
51
|
}): JSX.Element {
|
|
51
|
-
const { submit, isSubmitting,
|
|
52
|
+
const { submit, isSubmitting, responseErrors } = useSubmitCreateAccessCode({
|
|
52
53
|
onSuccess: () => {
|
|
53
54
|
if (onBack != null) {
|
|
54
55
|
onBack()
|
|
@@ -63,29 +64,23 @@ function Content({
|
|
|
63
64
|
onBack={onBack}
|
|
64
65
|
onSubmit={submit}
|
|
65
66
|
isSubmitting={isSubmitting}
|
|
66
|
-
|
|
67
|
+
responseErrors={responseErrors}
|
|
67
68
|
/>
|
|
68
69
|
)
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
function useSubmitCreateAccessCode(params: { onSuccess: () => void }): {
|
|
72
|
-
codeError: string | null
|
|
73
73
|
submit: (data: AccessCodeFormSubmitData) => void
|
|
74
74
|
isSubmitting: boolean
|
|
75
|
+
responseErrors: ResponseErrors | null
|
|
75
76
|
} {
|
|
76
77
|
const { onSuccess } = params
|
|
77
78
|
const { mutate, isLoading: isSubmitting } = useCreateAccessCode()
|
|
78
|
-
const
|
|
79
|
-
|
|
80
|
-
const handleError = (error: SeamError): void => {
|
|
81
|
-
const codeError = getValidationError({ error, property: 'code' })
|
|
82
|
-
if (codeError != null) {
|
|
83
|
-
setCodeError(codeError)
|
|
84
|
-
}
|
|
85
|
-
}
|
|
79
|
+
const { responseErrors, handleResponseError, resetResponseErrors } =
|
|
80
|
+
useResponseErrors()
|
|
86
81
|
|
|
87
82
|
const submit = (data: AccessCodeFormSubmitData): void => {
|
|
88
|
-
|
|
83
|
+
resetResponseErrors()
|
|
89
84
|
|
|
90
85
|
const { name, code, type, device, startDate, endDate, timezone } = data
|
|
91
86
|
if (name === '') {
|
|
@@ -107,7 +102,7 @@ function useSubmitCreateAccessCode(params: { onSuccess: () => void }): {
|
|
|
107
102
|
},
|
|
108
103
|
{
|
|
109
104
|
onSuccess,
|
|
110
|
-
onError:
|
|
105
|
+
onError: handleResponseError,
|
|
111
106
|
}
|
|
112
107
|
)
|
|
113
108
|
|
|
@@ -122,10 +117,53 @@ function useSubmitCreateAccessCode(params: { onSuccess: () => void }): {
|
|
|
122
117
|
},
|
|
123
118
|
{
|
|
124
119
|
onSuccess,
|
|
125
|
-
onError:
|
|
120
|
+
onError: handleResponseError,
|
|
126
121
|
}
|
|
127
122
|
)
|
|
128
123
|
}
|
|
129
124
|
|
|
130
|
-
return { submit, isSubmitting,
|
|
125
|
+
return { submit, isSubmitting, responseErrors }
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
export function useResponseErrors(): {
|
|
129
|
+
responseErrors: ResponseErrors | null
|
|
130
|
+
handleResponseError: (error: SeamError) => void
|
|
131
|
+
resetResponseErrors: () => void
|
|
132
|
+
} {
|
|
133
|
+
const [responseErrors, setResponseErrors] = useState<Record<
|
|
134
|
+
string,
|
|
135
|
+
string | undefined
|
|
136
|
+
> | null>(null)
|
|
137
|
+
|
|
138
|
+
const handleResponseError = (error: SeamError): void => {
|
|
139
|
+
const code = getValidationError({ error, property: 'code' })
|
|
140
|
+
const name = getValidationError({ error, property: 'name' })
|
|
141
|
+
|
|
142
|
+
if (code != null || name != null) {
|
|
143
|
+
setResponseErrors({
|
|
144
|
+
code,
|
|
145
|
+
name,
|
|
146
|
+
})
|
|
147
|
+
|
|
148
|
+
return
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
setResponseErrors({
|
|
152
|
+
unknown: t.genericResponseError,
|
|
153
|
+
})
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
const resetResponseErrors = (): void => {
|
|
157
|
+
setResponseErrors(null)
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
return {
|
|
161
|
+
responseErrors,
|
|
162
|
+
handleResponseError,
|
|
163
|
+
resetResponseErrors,
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
const t = {
|
|
168
|
+
genericResponseError: 'The code could not be saved. Please try again.',
|
|
131
169
|
}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import { useState } from 'react'
|
|
2
|
-
import type { SeamError } from 'seamapi'
|
|
3
|
-
|
|
4
1
|
import { useComponentTelemetry } from 'lib/telemetry/index.js'
|
|
5
2
|
|
|
6
3
|
import { createIsoDate } from 'lib/dates.js'
|
|
@@ -13,11 +10,12 @@ import {
|
|
|
13
10
|
type CommonProps,
|
|
14
11
|
withRequiredCommonProps,
|
|
15
12
|
} from 'lib/seam/components/common-props.js'
|
|
13
|
+
import { useResponseErrors } from 'lib/seam/components/CreateAccessCodeForm/CreateAccessCodeForm.js'
|
|
16
14
|
import { useDevice } from 'lib/seam/devices/use-device.js'
|
|
17
|
-
import { getValidationError } from 'lib/seam/error-handlers.js'
|
|
18
15
|
import {
|
|
19
16
|
AccessCodeForm,
|
|
20
17
|
type AccessCodeFormSubmitData,
|
|
18
|
+
type ResponseErrors,
|
|
21
19
|
} from 'lib/ui/AccessCodeForm/AccessCodeForm.js'
|
|
22
20
|
|
|
23
21
|
export interface EditAccessCodeFormProps extends CommonProps {
|
|
@@ -58,7 +56,7 @@ function Content({
|
|
|
58
56
|
device_id: accessCode.device_id,
|
|
59
57
|
})
|
|
60
58
|
|
|
61
|
-
const { submit, isSubmitting,
|
|
59
|
+
const { submit, isSubmitting, responseErrors } = useSubmitEditAccessCode(
|
|
62
60
|
accessCode,
|
|
63
61
|
onBack
|
|
64
62
|
)
|
|
@@ -75,7 +73,7 @@ function Content({
|
|
|
75
73
|
device={device}
|
|
76
74
|
onSubmit={submit}
|
|
77
75
|
isSubmitting={isSubmitting}
|
|
78
|
-
|
|
76
|
+
responseErrors={responseErrors}
|
|
79
77
|
/>
|
|
80
78
|
)
|
|
81
79
|
}
|
|
@@ -86,20 +84,14 @@ function useSubmitEditAccessCode(
|
|
|
86
84
|
): {
|
|
87
85
|
submit: (data: AccessCodeFormSubmitData) => void
|
|
88
86
|
isSubmitting: boolean
|
|
89
|
-
|
|
87
|
+
responseErrors: ResponseErrors | null
|
|
90
88
|
} {
|
|
91
89
|
const { mutate, isLoading: isSubmitting } = useUpdateAccessCode()
|
|
92
|
-
const
|
|
93
|
-
|
|
94
|
-
const handleError = (error: SeamError): void => {
|
|
95
|
-
const codeError = getValidationError({ error, property: 'code' })
|
|
96
|
-
if (codeError != null) {
|
|
97
|
-
setCodeError(codeError)
|
|
98
|
-
}
|
|
99
|
-
}
|
|
90
|
+
const { responseErrors, handleResponseError, resetResponseErrors } =
|
|
91
|
+
useResponseErrors()
|
|
100
92
|
|
|
101
93
|
const submit = (data: AccessCodeFormSubmitData): void => {
|
|
102
|
-
|
|
94
|
+
resetResponseErrors()
|
|
103
95
|
|
|
104
96
|
const { name, code, type, device, startDate, endDate, timezone } = data
|
|
105
97
|
if (name === '') {
|
|
@@ -123,7 +115,7 @@ function useSubmitEditAccessCode(
|
|
|
123
115
|
},
|
|
124
116
|
{
|
|
125
117
|
onSuccess,
|
|
126
|
-
onError:
|
|
118
|
+
onError: handleResponseError,
|
|
127
119
|
}
|
|
128
120
|
)
|
|
129
121
|
|
|
@@ -139,10 +131,10 @@ function useSubmitEditAccessCode(
|
|
|
139
131
|
},
|
|
140
132
|
{
|
|
141
133
|
onSuccess,
|
|
142
|
-
onError:
|
|
134
|
+
onError: handleResponseError,
|
|
143
135
|
}
|
|
144
136
|
)
|
|
145
137
|
}
|
|
146
138
|
|
|
147
|
-
return { submit, isSubmitting,
|
|
139
|
+
return { submit, isSubmitting, responseErrors }
|
|
148
140
|
}
|
|
@@ -33,12 +33,17 @@ export interface AccessCodeFormSubmitData {
|
|
|
33
33
|
timezone: string
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
export interface ResponseErrors {
|
|
37
|
+
unknown?: string | undefined
|
|
38
|
+
code?: string | undefined
|
|
39
|
+
}
|
|
40
|
+
|
|
36
41
|
export interface AccessCodeFormProps {
|
|
37
42
|
accessCode?: NonNullable<UseAccessCodeData>
|
|
38
43
|
device: NonNullable<UseDeviceData>
|
|
39
44
|
isSubmitting: boolean
|
|
40
45
|
onSubmit: (data: AccessCodeFormSubmitData) => void
|
|
41
|
-
|
|
46
|
+
responseErrors: ResponseErrors | null
|
|
42
47
|
onBack: (() => void) | undefined
|
|
43
48
|
className: string | undefined
|
|
44
49
|
}
|
|
@@ -60,7 +65,7 @@ function Content({
|
|
|
60
65
|
device,
|
|
61
66
|
onSubmit,
|
|
62
67
|
isSubmitting,
|
|
63
|
-
|
|
68
|
+
responseErrors,
|
|
64
69
|
}: Omit<AccessCodeFormProps, 'className'>): JSX.Element {
|
|
65
70
|
const [type, setType] = useState<AccessCode['type']>(
|
|
66
71
|
accessCode?.type ?? 'ongoing'
|
|
@@ -171,7 +176,7 @@ function Content({
|
|
|
171
176
|
)
|
|
172
177
|
}
|
|
173
178
|
|
|
174
|
-
const hasCodeError = errors.code != null ||
|
|
179
|
+
const hasCodeError = errors.code != null || responseErrors?.code != null
|
|
175
180
|
|
|
176
181
|
const codeLengthRequirement = getCodeLengthRequirement(device)
|
|
177
182
|
|
|
@@ -217,7 +222,7 @@ function Content({
|
|
|
217
222
|
size='large'
|
|
218
223
|
clearable
|
|
219
224
|
hasError={hasCodeError}
|
|
220
|
-
helperText={
|
|
225
|
+
helperText={responseErrors?.code ?? errors.code?.message}
|
|
221
226
|
inputProps={{
|
|
222
227
|
...register('code', {
|
|
223
228
|
required: t.codeRequiredError,
|
|
@@ -281,6 +286,9 @@ function Content({
|
|
|
281
286
|
)}
|
|
282
287
|
</>
|
|
283
288
|
</FormField>
|
|
289
|
+
{responseErrors?.unknown != null && (
|
|
290
|
+
<div className='seam-unknown-error'>{responseErrors?.unknown}</div>
|
|
291
|
+
)}
|
|
284
292
|
<div className='seam-actions'>
|
|
285
293
|
<Button onClick={onBack}>{t.cancel}</Button>
|
|
286
294
|
<Button
|
package/src/lib/version.ts
CHANGED