@homefile/components-v2 2.38.1 → 2.38.3
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/components/forms/dynamicForm/fields/uiFields/VerticalIcon.js +1 -1
- package/dist/components/homeAssistant/HomeAssistantTutorial.js +1 -1
- package/dist/components/wizard/WizardInitialOptions.js +1 -1
- package/dist/mocks/forms/dynamicForm.mock.js +1 -1
- package/dist/mocks/myHomes/Properties.mock.d.ts +11 -2
- package/dist/mocks/partner/dynamicTileForm.mock.js +1 -1
- package/dist/stories/wizard/ControlledWizard.stories.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Center, Image, Text } from '@chakra-ui/react';
|
|
3
3
|
export const VerticalIcon = ({ icon, value }) => {
|
|
4
|
-
return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", minH: "110px", children: [_jsx(Box, { h: "46px", w: "46px", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: icon, alt: value, w: "34px", h: "34px", objectFit: "contain" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px",
|
|
4
|
+
return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", minH: "110px", children: [_jsx(Box, { h: "46px", w: "46px", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: icon, alt: value, w: "34px", h: "34px", objectFit: "contain" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", p: "0 .5rem", children: value }) })] }));
|
|
5
5
|
};
|
|
@@ -6,5 +6,5 @@ import { ChevronRight, VideoPlayerModal, VideoPlayerTrigger, } from '../../compo
|
|
|
6
6
|
import { colors } from '../../theme/colors';
|
|
7
7
|
export const HomeAssistantTutorial = ({ onStart, videoUrl, maxWidth, }) => {
|
|
8
8
|
const [url, setUrl] = useState();
|
|
9
|
-
return (_jsxs(Stack, { spacing:
|
|
9
|
+
return (_jsxs(Stack, { spacing: 4, align: "center", maxW: maxWidth || '483px', px: ['base', 0], zIndex: "2", children: [_jsx(Text, { fontSize: "30px", lineHeight: "32px", textAlign: "center", children: t('homeAssistant.tutorialTitle') }), _jsx(Text, { fontFamily: "secondary", textAlign: "center", children: t('homeAssistant.tutorialDescription') }), _jsxs(Stack, { spacing: "base", w: "284px", children: [videoUrl && (_jsx(Box, { boxShadow: "lg", children: _jsx(VideoPlayerTrigger, { url: videoUrl, value: videoUrl, ratio: 16 / 9, onPlay: (value) => setUrl(value) }) })), _jsx(Button, { onClick: onStart, textTransform: "capitalize", children: _jsxs(Flex, { align: "center", justify: "space-between", w: "100%", px: "base", children: [_jsx(Text, { color: "neutral.white", children: t('homeAssistant.tutorialButton') }), _jsx(Circle, { size: "40px", bg: "blue.1", color: "neutral.white", children: _jsx(ChevronRight, { size: 26, stroke: colors.neutral.white }) })] }) })] }), _jsx(Text, { fontFamily: "secondary", textAlign: "center", children: t('homeAssistant.tutorialNote') }), url && (_jsx(VideoPlayerModal, { url: url, onClose: () => setUrl(undefined), showOverlay: true }))] }));
|
|
10
10
|
};
|
|
@@ -15,7 +15,7 @@ export const WizardInitialOptions = ({ form, title, callback, style = 'wizard',
|
|
|
15
15
|
return (_jsxs(Container, { position: "relative", children: [value && (_jsx(Image, { src: CheckInCircle, alt: "check", w: "22px", h: "auto", position: "absolute", top: "-4px", left: "-2px", boxShadow: "lg", borderRadius: "full" })), _jsxs(Stack, Object.assign({ as: "button", p: "base", w: "full", onClick: () => {
|
|
16
16
|
onChange(!value);
|
|
17
17
|
callback === null || callback === void 0 ? void 0 : callback(Object.assign(Object.assign({}, field), { value: !value }));
|
|
18
|
-
} }, setOptionButtonStyles(value), { children: [_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [_jsx(Image, { src: iconSrc, alt: "icon", h: "16px", w: "auto" }), label && (_jsx(Text, { fontWeight: "bold", fontSize: "
|
|
18
|
+
} }, setOptionButtonStyles(value), { children: [_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [_jsx(Image, { src: iconSrc, alt: "icon", h: "16px", w: "auto" }), label && (_jsx(Text, { fontWeight: "bold", fontSize: "sm", textTransform: "capitalize", fontFamily: "secondary", children: label }))] }), _jsx(Text, { fontFamily: "secondary", textAlign: "left", children: description })] }))] }));
|
|
19
19
|
} }, id));
|
|
20
20
|
}) })] }));
|
|
21
21
|
};
|
|
@@ -1296,7 +1296,7 @@ export const homeWizardForm = [
|
|
|
1296
1296
|
{
|
|
1297
1297
|
type: 'home-wizard-initial-setup',
|
|
1298
1298
|
id: 'home-wizard-initial-setup-1',
|
|
1299
|
-
value: 'What do you want
|
|
1299
|
+
value: 'What do you want Homi to help you with?',
|
|
1300
1300
|
children: [
|
|
1301
1301
|
{
|
|
1302
1302
|
id: 'maintenance',
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare const propertiesMock: {
|
|
2
|
+
id: string;
|
|
3
|
+
address: {
|
|
4
|
+
address: string;
|
|
5
|
+
city: string;
|
|
6
|
+
county: string;
|
|
7
|
+
state: string;
|
|
8
|
+
street: string;
|
|
9
|
+
zip: string;
|
|
10
|
+
};
|
|
11
|
+
}[];
|
|
@@ -35,7 +35,7 @@ export const ControlledWizardComponent = () => {
|
|
|
35
35
|
}, button2: {
|
|
36
36
|
buttonStyle: 'tertiaryFooter',
|
|
37
37
|
onClick: () => setStep(step + 1),
|
|
38
|
-
label: '
|
|
38
|
+
label: 'Next',
|
|
39
39
|
} }) })] })),
|
|
40
40
|
}));
|
|
41
41
|
return (_jsx(ControlledWizard, { minHeight: "700px", step: step, setStep: setStep, steps: [
|
|
@@ -53,7 +53,7 @@ export const ControlledWizardComponent = () => {
|
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
header: (_jsx(WizardTextHeader, { title: "This is the data we found in public records.", subtitle: "Details may not represent the most up-to-date info about your home." })),
|
|
56
|
-
body: () => (_jsx(ConfirmProperty, { isWizard: true, properties: propertiesMock, handleAddress: () => {
|
|
56
|
+
body: () => (_jsx(ConfirmProperty, { isWizard: true, properties: [propertiesMock[0]], handleAddress: () => {
|
|
57
57
|
setStep(3);
|
|
58
58
|
} })),
|
|
59
59
|
},
|