@homefile/components-v2 2.40.32 → 2.40.34

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 }) })] }) }), onSkip && (_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/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/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.32",
+  "version": "2.40.34",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",