@homefile/components-v2 2.40.31 → 2.40.33

package/dist/assets/locales/en/index.json

@@ -438,6 +438,9 @@
     },
     "notifications": "Notification coming",
     "selectAppliances": "Select the appliances you have in your home:",
+    "setupButton": "Start Homi Setup",
+    "setupSubtitle": "Homi learns your home so he can warn you before things fail, \ntrack warranties automatically, and tell you what to do next.",
+    "setupTitle": "Let’s set up Homi, your \nintelligent home assistant. ",
     "steps": {
       "appliances": "Appliances",
       "goals": "Goals",

package/dist/components/homeAssistant/StartHomiSetup.d.ts

@@ -0,0 +1,2 @@
+import { StartHomiSetupI } from '../../interfaces';
+export declare const StartHomiSetup: ({ onStart, videoUrl, onSkip, }: StartHomiSetupI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/StartHomiSetup.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { t } from 'i18next';
+import { Box, Button, Circle, Flex, GridItem, Stack, Text, } from '@chakra-ui/react';
+import { ChevronRight, TileTooltip, VideoPlayerModal, VideoPlayerTrigger, } from '../../components';
+import { colors } from '../../theme/colors';
+export const StartHomiSetup = ({ onStart, videoUrl, onSkip, }) => {
+    const [url, setUrl] = useState();
+    return (_jsx(GridItem, { colSpan: [1, 2], children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Stack, { w: "full", h: "full", spacing: "4", align: "center", justify: "center", bg: "lightGreen.1", pt: "12", children: [_jsx(Text, { fontSize: "24px", lineHeight: "28px", textAlign: "center", whiteSpace: "pre-line", children: t('homeAssistant.setupTitle') }), _jsx(Text, { fontFamily: "secondary", textAlign: "center", whiteSpace: "pre-line", children: t('homeAssistant.setupSubtitle') }), videoUrl && (_jsx(Box, { boxShadow: "lg", w: "395px", my: "3", children: _jsx(VideoPlayerTrigger, { url: videoUrl, value: videoUrl, ratio: 16 / 9, onPlay: (value) => setUrl(value) }) })), _jsxs(Stack, { bg: "neutral.white", pb: "4", pt: "2", spacing: "4", w: "full", align: "center", children: [_jsx(Button, { onClick: onStart, textTransform: "capitalize", mt: "4", w: "395px", children: _jsxs(Flex, { align: "center", justify: "space-between", w: "full", px: "base", children: [_jsx(Text, { color: "neutral.white", children: t('homeAssistant.setupButton') }), _jsx(Circle, { size: "40px", bg: "blue.1", color: "neutral.white", children: _jsx(ChevronRight, { size: 26, stroke: colors.neutral.white }) })] }) }), _jsx(Button, { variant: "text", onClick: onSkip, children: t('buttons.skip') })] }), url && (_jsx(VideoPlayerModal, { url: url, onClose: () => setUrl(undefined), showOverlay: true }))] }) }) }));
+};

package/dist/components/homeAssistant/index.d.ts

@@ -10,3 +10,4 @@ export * from './HomeAssistantWrapper';
 export * from './HomeMonitor';
 export * from './HomeMonitorButton';
 export * from './HomeMonitorSteps';
+export * from './StartHomiSetup';

package/dist/components/homeAssistant/index.js

@@ -10,3 +10,4 @@ export * from './HomeAssistantWrapper';
 export * from './HomeMonitor';
 export * from './HomeMonitorButton';
 export * from './HomeMonitorSteps';
+export * from './StartHomiSetup';

package/dist/components/myHomes/steps/MyHomesStepBody.js

@@ -2,8 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack, Text } from '@chakra-ui/react';
 import { WrapperWithShadow } from '../../../components';
 export const MyHomesStepBody = ({ animation, children, fadeDelay, subtitle, title, isWizard, }) => {
-    if (isWizard) {
-        return (_jsx(WrapperWithShadow, { animation: animation, fadeDelay: fadeDelay, isWizard: true, children: children }));
-    }
-    return (_jsx(WrapperWithShadow, { animation: animation, fadeDelay: fadeDelay, children: _jsxs(Stack, { align: "center", spacing: "4", py: "8", children: [_jsx(Text, { fontSize: "xl", textAlign: "center", w: "80%", lineHeight: "1.3", children: title }), _jsx(Text, { fontFamily: "secondary", w: "85%", textAlign: "center", children: subtitle }), children] }) }));
+    return (_jsx(WrapperWithShadow, { animation: animation, fadeDelay: fadeDelay, isWizard: isWizard, children: _jsxs(Stack, { align: "center", spacing: "4", py: "8", children: [title && (_jsx(Text, { fontSize: "xl", textAlign: "center", whiteSpace: "pre-line", lineHeight: "1.3", children: title })), subtitle && (_jsx(Text, { fontFamily: "secondary", whiteSpace: "pre-line", textAlign: "center", children: subtitle })), children] }) }));
 };

package/dist/components/myHomes/steps/SearchRecords.d.ts

@@ -1,2 +1,2 @@
 import { SearchRecordsI } from '../../../interfaces';
-export declare const SearchRecords: ({ isFirstHome, isWizard, title, subtitle, subtitlePrefix, showAddressInSubtitle, sourcesText, }: SearchRecordsI) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchRecords: ({ isFirstHome, isWizard, title, subtitle, sourcesText, }: SearchRecordsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/myHomes/steps/SearchRecords.js

@@ -17,24 +17,17 @@ const fadeAnimation = keyframes `
  to { opacity: 1 }
 `;
 const fade = `${fadeAnimation} 50ms ease-in-out backwards`;
-export const SearchRecords = ({ isFirstHome, isWizard = false, title, subtitle, subtitlePrefix, showAddressInSubtitle = true, sourcesText, }) => {
+export const SearchRecords = ({ isFirstHome, isWizard = false, title, subtitle, sourcesText, }) => {
     const { fields: { street, city, state }, } = useSnapshot(addressProxy, { sync: true });
     const [progressValue, setProgressValue] = useState(0);
     const address = `${street}, ${city} ${state}`;
     const size = '90px';
-    const defaultTitle = t('myHomes.search.title');
-    const defaultSubtitlePrefix = t('myHomes.search.subtitle');
     const defaultSources = [
         t('myHomes.search.msl'),
         t('myHomes.search.tax'),
         t('myHomes.search.google'),
         t('myHomes.search.leins'),
     ];
-    const resolvedTitle = title !== null && title !== void 0 ? title : defaultTitle;
-    const resolvedSubtitlePrefix = subtitlePrefix !== null && subtitlePrefix !== void 0 ? subtitlePrefix : defaultSubtitlePrefix;
-    const resolvedSubtitle = subtitle !== null && subtitle !== void 0 ? subtitle : (showAddressInSubtitle
-        ? `${resolvedSubtitlePrefix} ${address}`
-        : resolvedSubtitlePrefix);
     const resolvedSources = sourcesText !== null && sourcesText !== void 0 ? sourcesText : defaultSources;
     useEffect(() => {
         const interval = setInterval(() => {
@@ -47,5 +40,5 @@ export const SearchRecords = ({ isFirstHome, isWizard = false, title, subtitle,
             return undefined;
         return `${1 + index * 0.5}s`;
     };
-    return (_jsx(MyHomesStepWrapper, { isFirstHome: isFirstHome, isWizard: isWizard, children: _jsx(MyHomesStepBody, { isWizard: isWizard, animation: up, title: resolvedTitle, subtitle: resolvedSubtitle, children: _jsxs(Stack, { align: "center", bg: isWizard ? 'transparent' : 'lightViolet.1', borderRadius: "sm", w: "100%", py: "6", children: [_jsxs(Box, { position: "relative", children: [_jsx(CircularProgress, { value: progressValue, isIndeterminate: progressValue === 100, color: "violet.1", thickness: "4px", size: size, zIndex: "1" }), _jsx(Center, { position: "absolute", top: "0", left: "0", h: size, w: size, children: _jsx(Center, { bg: "neutral.white", h: "70px", w: "70px", borderRadius: "50%", children: _jsx(Image, { src: MagnifyingGlassReport, alt: "records", h: "40px", w: "auto" }) }) })] }), _jsx(Flex, { direction: "column", alignItems: "center", children: resolvedSources.map((text, index) => (_jsx(AnimatedText, { animation: fade, animationDelay: getAnimationDelay(index), children: text }, `${text}-${index}`))) })] }) }) }));
+    return (_jsx(MyHomesStepWrapper, { isFirstHome: isFirstHome, isWizard: isWizard, children: _jsx(MyHomesStepBody, { isWizard: isWizard, animation: up, title: title, subtitle: subtitle, children: _jsxs(Stack, { align: "center", bg: isWizard ? 'transparent' : 'lightViolet.1', borderRadius: "sm", w: "100%", py: "6", children: [_jsxs(Box, { position: "relative", children: [_jsx(CircularProgress, { value: progressValue, isIndeterminate: progressValue === 100, color: "violet.1", thickness: "4px", size: size, zIndex: "1" }), _jsx(Center, { position: "absolute", top: "0", left: "0", h: size, w: size, children: _jsx(Center, { bg: "neutral.white", h: "70px", w: "70px", borderRadius: "50%", children: _jsx(Image, { src: MagnifyingGlassReport, alt: "records", h: "40px", w: "auto" }) }) })] }), _jsx(Flex, { direction: "column", alignItems: "center", children: resolvedSources.map((text, index) => (_jsx(AnimatedText, { animation: fade, animationDelay: getAnimationDelay(index), children: text }, `${text}-${index}`))) })] }) }) }));
 };

package/dist/interfaces/homeAssistant/StartHomiSetup.interface.d.ts

@@ -0,0 +1,5 @@
+export interface StartHomiSetupI {
+    onStart: () => void;
+    videoUrl?: string;
+    onSkip?: () => void;
+}

package/dist/interfaces/homeAssistant/StartHomiSetup.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/homeAssistant/index.d.ts

@@ -12,4 +12,5 @@ export * from './HomeMonitorPanel.interface';
 export * from './HomeMonitorSteps.interface';
 export * from './HomieAddItems.interface';
 export * from './MonitorAlerts.interface';
+export * from './StartHomiSetup.interface';
 export * from './WeatherWidget.interface';

package/dist/interfaces/homeAssistant/index.js

@@ -12,4 +12,5 @@ export * from './HomeMonitorPanel.interface';
 export * from './HomeMonitorSteps.interface';
 export * from './HomieAddItems.interface';
 export * from './MonitorAlerts.interface';
+export * from './StartHomiSetup.interface';
 export * from './WeatherWidget.interface';

package/dist/interfaces/myHomes/MyHomesStepBody.interface.d.ts

@@ -1,5 +1,5 @@
 import { WrapperWithShadowI } from '../../interfaces';
 export interface MyHomesStepBodyI extends WrapperWithShadowI {
-    subtitle: string;
-    title: string;
+    subtitle?: string;
+    title?: string;
 }

package/dist/stories/homeAssistant/StartHomiSetup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { StartHomiSetupI } from '../../interfaces';
+declare const _default: Meta<StartHomiSetupI>;
+export default _default;
+export declare const StartHomiSetupComponent: (args: StartHomiSetupI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/homeAssistant/StartHomiSetup.stories.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+import { StartHomiSetup } from '../../components';
+import { videoMock } from '../../mocks';
+export default {
+    title: 'Components/HomeAssistant',
+    component: StartHomiSetup,
+    args: {
+        onSkip: action('onSkip'),
+        onStart: action('onStart'),
+    },
+    decorators: [
+        (Story) => (_jsx(Box, { p: "base", w: ['full', '669px'], h: "477px", children: _jsx(Story, {}) })),
+    ],
+};
+export const StartHomiSetupComponent = (args) => {
+    return _jsx(StartHomiSetup, Object.assign({}, args, { videoUrl: videoMock }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.40.31",
+  "version": "2.40.33",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",