@memori.ai/memori-react 4.1.0 → 4.1.1
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/CHANGELOG.md +7 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js +5 -1
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js +5 -1
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +6 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [4.1.1](https://github.com/memori-ai/memori-react/compare/v4.1.0...v4.1.1) (2023-12-22)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Changes
|
|
7
|
+
|
|
8
|
+
* add loading state while submitting birth date ([8c082ee](https://github.com/memori-ai/memori-react/commit/8c082eee1bdda0163eaadb4c9056fdb84d81c74a))
|
|
9
|
+
|
|
3
10
|
## [4.1.0](https://github.com/memori-ai/memori-react/compare/v4.0.1...v4.1.0) (2023-12-18)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -13,10 +13,13 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
13
13
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
14
14
|
const [birthDate, setBirthDate] = (0, react_1.useState)();
|
|
15
15
|
const [error, setError] = (0, react_1.useState)();
|
|
16
|
+
const [submitting, setSubmitting] = (0, react_1.useState)(false);
|
|
16
17
|
const onSubmit = (0, react_1.useCallback)(() => {
|
|
18
|
+
setSubmitting(true);
|
|
17
19
|
if (!birthDate) {
|
|
18
20
|
react_hot_toast_1.default.error(t('requiredField'));
|
|
19
21
|
setError(t('requiredField') || 'Required field');
|
|
22
|
+
setSubmitting(false);
|
|
20
23
|
return;
|
|
21
24
|
}
|
|
22
25
|
let age = luxon_1.DateTime.now().diff(birthDate, 'years').years;
|
|
@@ -24,6 +27,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
24
27
|
react_hot_toast_1.default.error(t('underageTwinSession', { age: minAge }));
|
|
25
28
|
setError(t('underageTwinSession', { age: minAge }) ||
|
|
26
29
|
`You must be at least ${minAge} years old to interact with this Twin`);
|
|
30
|
+
setSubmitting(false);
|
|
27
31
|
return;
|
|
28
32
|
}
|
|
29
33
|
onClose(birthDate.toJSDate().toISOString());
|
|
@@ -33,7 +37,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
33
37
|
onSubmit();
|
|
34
38
|
}, children: [(0, jsx_runtime_1.jsx)("div", { className: "form-item", children: (0, jsx_runtime_1.jsxs)("fieldset", { name: "birthDate", children: [(0, jsx_runtime_1.jsx)("legend", { className: "sr-only", children: t('birthDate') }), (0, jsx_runtime_1.jsx)(DateSelector_1.default, { defaultDate: new Date(Date.now()), onChange: date => {
|
|
35
39
|
setBirthDate(date);
|
|
36
|
-
} }), (0, jsx_runtime_1.jsx)("p", { className: "form-item-help", children: t('birthDateHelper') }), error && (0, jsx_runtime_1.jsx)("p", { className: "form-item-error", children: error })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "form-item form-submit", children: (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, htmlType: "submit", className: "age-verification-submit", disabled: !birthDate, children: t('confirm') }) })] })] }));
|
|
40
|
+
} }), (0, jsx_runtime_1.jsx)("p", { className: "form-item-help", children: t('birthDateHelper') }), error && (0, jsx_runtime_1.jsx)("p", { className: "form-item-error", children: error })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "form-item form-submit", children: (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, htmlType: "submit", className: "age-verification-submit", loading: submitting, disabled: !birthDate, children: t('confirm') }) })] })] }));
|
|
37
41
|
};
|
|
38
42
|
exports.default = AgeVerificationModal;
|
|
39
43
|
//# sourceMappingURL=AgeVerificationModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgeVerificationModal.js","sourceRoot":"","sources":["../../../src/components/AgeVerificationModal/AgeVerificationModal.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAC/C,8EAAoC;AACpC,kEAAkC;AAClC,gEAAgC;AAChC,iCAAiC;AACjC,wFAAwD;AACxD,iCAA8C;AAQ9C,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAY,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"AgeVerificationModal.js","sourceRoot":"","sources":["../../../src/components/AgeVerificationModal/AgeVerificationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,13 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
10
10
|
const { t } = useTranslation();
|
|
11
11
|
const [birthDate, setBirthDate] = useState();
|
|
12
12
|
const [error, setError] = useState();
|
|
13
|
+
const [submitting, setSubmitting] = useState(false);
|
|
13
14
|
const onSubmit = useCallback(() => {
|
|
15
|
+
setSubmitting(true);
|
|
14
16
|
if (!birthDate) {
|
|
15
17
|
toast.error(t('requiredField'));
|
|
16
18
|
setError(t('requiredField') || 'Required field');
|
|
19
|
+
setSubmitting(false);
|
|
17
20
|
return;
|
|
18
21
|
}
|
|
19
22
|
let age = DateTime.now().diff(birthDate, 'years').years;
|
|
@@ -21,6 +24,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
21
24
|
toast.error(t('underageTwinSession', { age: minAge }));
|
|
22
25
|
setError(t('underageTwinSession', { age: minAge }) ||
|
|
23
26
|
`You must be at least ${minAge} years old to interact with this Twin`);
|
|
27
|
+
setSubmitting(false);
|
|
24
28
|
return;
|
|
25
29
|
}
|
|
26
30
|
onClose(birthDate.toJSDate().toISOString());
|
|
@@ -30,7 +34,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
30
34
|
onSubmit();
|
|
31
35
|
}, children: [_jsx("div", { className: "form-item", children: _jsxs("fieldset", { name: "birthDate", children: [_jsx("legend", { className: "sr-only", children: t('birthDate') }), _jsx(DateSelector, { defaultDate: new Date(Date.now()), onChange: date => {
|
|
32
36
|
setBirthDate(date);
|
|
33
|
-
} }), _jsx("p", { className: "form-item-help", children: t('birthDateHelper') }), error && _jsx("p", { className: "form-item-error", children: error })] }) }), _jsx("div", { className: "form-item form-submit", children: _jsx(Button, { primary: true, htmlType: "submit", className: "age-verification-submit", disabled: !birthDate, children: t('confirm') }) })] })] }));
|
|
37
|
+
} }), _jsx("p", { className: "form-item-help", children: t('birthDateHelper') }), error && _jsx("p", { className: "form-item-error", children: error })] }) }), _jsx("div", { className: "form-item form-submit", children: _jsx(Button, { primary: true, htmlType: "submit", className: "age-verification-submit", loading: submitting, disabled: !birthDate, children: t('confirm') }) })] })] }));
|
|
34
38
|
};
|
|
35
39
|
export default AgeVerificationModal;
|
|
36
40
|
//# sourceMappingURL=AgeVerificationModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgeVerificationModal.js","sourceRoot":"","sources":["../../../src/components/AgeVerificationModal/AgeVerificationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ9C,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAY,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"AgeVerificationModal.js","sourceRoot":"","sources":["../../../src/components/AgeVerificationModal/AgeVerificationModal.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -17,11 +17,15 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }: Props) => {
|
|
|
17
17
|
|
|
18
18
|
const [birthDate, setBirthDate] = useState<DateTime>();
|
|
19
19
|
const [error, setError] = useState<string>();
|
|
20
|
+
const [submitting, setSubmitting] = useState<boolean>(false);
|
|
20
21
|
|
|
21
22
|
const onSubmit = useCallback(() => {
|
|
23
|
+
setSubmitting(true);
|
|
24
|
+
|
|
22
25
|
if (!birthDate) {
|
|
23
26
|
toast.error(t('requiredField'));
|
|
24
27
|
setError(t('requiredField') || 'Required field');
|
|
28
|
+
setSubmitting(false);
|
|
25
29
|
return;
|
|
26
30
|
}
|
|
27
31
|
|
|
@@ -32,6 +36,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }: Props) => {
|
|
|
32
36
|
t('underageTwinSession', { age: minAge }) ||
|
|
33
37
|
`You must be at least ${minAge} years old to interact with this Twin`
|
|
34
38
|
);
|
|
39
|
+
setSubmitting(false);
|
|
35
40
|
return;
|
|
36
41
|
}
|
|
37
42
|
|
|
@@ -76,6 +81,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }: Props) => {
|
|
|
76
81
|
primary
|
|
77
82
|
htmlType="submit"
|
|
78
83
|
className="age-verification-submit"
|
|
84
|
+
loading={submitting}
|
|
79
85
|
disabled={!birthDate}
|
|
80
86
|
>
|
|
81
87
|
{t('confirm')}
|