@homefile/components-v2 2.2.2 → 2.2.4

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

@@ -112,7 +112,8 @@
     "send": "Send",
     "share": "Share",
     "skip": "Skip for now",
-    "saveStep": "Save Step"
+    "saveStep": "Save Step",
+    "finish": "Finish"
   },
   "createDocument": {
     "tabs": {
@@ -400,7 +401,7 @@
     },
     "details": "Provide details about your home’s",
     "homeMonitor": "Homie",
-    "homeMonitoring": "Homie is monitoring your home.",
+    "homeMonitoring": "Homie is learning about your home.",
     "monitorAlerts": {
       "collapse": "Collapse Alert",
       "homeAction": "Home Action",

package/dist/components/forms/dynamicForm/DynamicForm.js

@@ -13,14 +13,14 @@ import { createElement as _createElement } from "react";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormProvider } from 'react-hook-form';
 import { t } from 'i18next';
-import { Stack, Text } from '@chakra-ui/react';
+import { Box, Stack, Text } from '@chakra-ui/react';
 import { HiddenFieldSection, GroupField, TextField, TextAreaField, SelectField, RatingField, GridField, FieldWithDelete, FileField, SwitchField, DateField, NumberField, CurrencyField, TileBody, CheckboxGroupField, } from '../..';
 import { useDynamicForm } from '../../../hooks';
 import { fieldIcons } from '../../../helpers';
 export const DynamicForm = (_a) => {
     var { callback, form: fields, menuItems, onUpload, showTitle = true, title, uploadingFieldId } = _a, props = __rest(_a, ["callback", "form", "menuItems", "onUpload", "showTitle", "title", "uploadingFieldId"]);
     const { form, visibleFields, hiddenFields, handleAddAll, handleAdd, handleFilesUpload, handleRemove, } = useDynamicForm({ fields, onUpload });
-    return (_jsxs(Stack, { bg: "lightBlue.1", spacing: "0", h: "full", children: [showTitle && (_jsx(Text, { fontFamily: "secondary", px: "base", pt: "4", pb: "2", children: title ? title : t('forms.itemDetails') })), _jsx(FormProvider, Object.assign({}, form, { children: _jsx(_Fragment, { children: visibleFields === null || visibleFields === void 0 ? void 0 : visibleFields.map((field) => {
+    return (_jsxs(Stack, { bg: "lightBlue.1", spacing: "0", h: "full", overflowX: "hidden", children: [showTitle && (_jsx(Box, { px: "base", pt: "4", pb: "2", borderBottom: "1px dashed", borderColor: "lightBlue.6", children: _jsx(Text, { fontFamily: "secondary", children: title ? title : t('forms.itemDetails') }) })), _jsx(FormProvider, Object.assign({}, form, { children: _jsx(_Fragment, { children: visibleFields === null || visibleFields === void 0 ? void 0 : visibleFields.map((field) => {
                         const { canBeHidden, children, description, icon, id, name, options, type, value, } = field;
                         const baseProps = {
                             id,
@@ -63,7 +63,7 @@ export const DynamicForm = (_a) => {
                             case 'group':
                                 return (_jsx(GroupField, { id: id, fields: children, onRemove: handleRemove, canBeHidden: canBeHidden }, id));
                             case 'checkbox-group':
-                                return (_jsx(CheckboxGroupField, { id: id, children: children, value: value, description: description, icon: baseProps.icon }, id));
+                                return (_jsx(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { children: _jsx(CheckboxGroupField, { id: id, children: children, description: description, icon: baseProps.icon }, id) })));
                             case 'tile-body':
                                 return (_createElement(TileBody, Object.assign({}, props, { key: id, callback: callback, fields: children, menuItems: menuItems })));
                             default:

package/dist/components/forms/dynamicForm/fields/CheckboxGroupField.d.ts

@@ -1,2 +1,2 @@
 import { ReportI } from '../../../../interfaces';
-export declare const CheckboxGroupField: ({ children, icon, id, value, description }: Pick<ReportI, "children" | "icon" | "id" | "value" | "description">) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroupField: ({ children, icon, id, description, }: Pick<ReportI, "children" | "icon" | "id" | "description">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/CheckboxGroupField.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Checkbox, CheckboxGroup, Flex, SimpleGrid, Text, } from '@chakra-ui/react';
 import { FormIcon } from '../../..';
 import { Controller, useFormContext } from 'react-hook-form';
-export const CheckboxGroupField = ({ children, icon, id, value, description }) => {
+export const CheckboxGroupField = ({ children, icon, id, description, }) => {
     const { control } = useFormContext();
     const defaultValues = children === null || children === void 0 ? void 0 : children.map((child) => {
         if (child.value) {
             return child.name;
         }
     }).filter((value) => value);
-    return (_jsxs(Box, { children: [_jsx(Box, { p: "base", borderBottom: "1px dashed", borderColor: "lightBlue.6", children: _jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: description }) }), _jsxs(Flex, { p: "base", gap: "base", children: [_jsx(FormIcon, { icon: icon }), _jsx(Controller, { control: control, name: id, defaultValue: defaultValues, render: ({ field: { onChange } }) => {
+    return (_jsxs(Box, { flex: "auto", position: "relative", children: [_jsx(Box, { pb: "base", children: _jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: description }) }), _jsx(Box, { position: "absolute", borderBottom: "1px dashed", borderColor: "lightBlue.6", h: "1px", left: "-13px", right: "-52px" }), _jsxs(Flex, { py: "base", gap: "base", children: [_jsx(FormIcon, { icon: icon }), _jsx(Controller, { control: control, name: id, defaultValue: defaultValues, render: ({ field: { onChange } }) => {
                             return (_jsx(CheckboxGroup, { defaultValue: defaultValues, onChange: onChange, children: _jsx(SimpleGrid, { columns: 2, spacing: "base", w: "full", children: children === null || children === void 0 ? void 0 : children.map((child) => {
                                         const { id, name, value } = child;
                                         return (_jsx(Checkbox, { value: String(name), isChecked: Boolean(value), children: _jsx(Text, { fontSize: "sm", children: name }) }, id));

package/dist/components/forms/dynamicForm/fields/TileBodyFields.d.ts

@@ -0,0 +1,2 @@
+import { FieldTypesI } from '../../../../interfaces';
+export declare const TileBodyFields: ({ fields }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/TileBodyFields.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { fieldIcons } from '../../../../helpers';
+import { VerticalIcon, TileBodySectionGrid } from '../../..';
+export const TileBodyFields = ({ fields }) => {
+    return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, id, name, type, value, icon }) => {
+            const baseProps = {
+                key: id,
+                id,
+                icon: icon ? fieldIcons[icon] : undefined,
+                placeholder: name,
+                value,
+            };
+            switch (type) {
+                case 'tile-body-section-grid':
+                    return _jsx(TileBodySectionGrid, { fields: children }, id);
+                case 'vertical-icon':
+                    return (_jsx(VerticalIcon, { icon: baseProps.icon, value: String(baseProps.value) }, id));
+                default:
+                    return null;
+            }
+        }) }));
+};

package/dist/components/forms/dynamicForm/fields/TileFooterFields.d.ts

@@ -0,0 +1,2 @@
+import { FieldTypesI } from '../../../../interfaces';
+export declare const TileFooterFields: ({ callback, fields }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/TileFooterFields.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { fieldIcons } from '../../../../helpers';
+import { TileBodyAction, TileCta } from '../../..';
+export const TileFooterFields = ({ callback, fields }) => {
+    return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, description, id, name, type, value, icon, link }) => {
+            const baseProps = {
+                key: id,
+                id,
+                icon: icon ? fieldIcons[icon] : undefined,
+                placeholder: name,
+                value,
+            };
+            switch (type) {
+                case 'tile-body-action':
+                    return (_jsx(TileBodyAction, { fields: children, callback: callback }, id));
+                case 'primary-cta':
+                case 'secondary-cta':
+                    return (_jsx(TileCta, { callback: callback, description: description, icon: icon, id: id, name: name, type: type, link: link, value: String(baseProps.value) }, id));
+                default:
+                    return null;
+            }
+        }) }));
+};

package/dist/components/forms/dynamicForm/fields/TileHeaderFields.d.ts

@@ -0,0 +1,2 @@
+import { FieldTypesI } from '../../../../interfaces';
+export declare const TileHeaderFields: ({ fields, menuItems }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/TileHeaderFields.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { fieldIcons } from '../../../../helpers';
+import { TileBodyHeader, TileBodyLogo } from '../../..';
+export const TileHeaderFields = ({ fields, menuItems }) => {
+    return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ id, name, type, value, icon }) => {
+            const baseProps = {
+                key: id,
+                id,
+                icon: icon ? fieldIcons[icon] : undefined,
+                placeholder: name,
+                value,
+            };
+            switch (type) {
+                case 'tile-body-header':
+                    return (_jsx(TileBodyHeader, { value: String(baseProps.value) }, baseProps.key));
+                case 'tile-body-logo':
+                    return (_jsx(TileBodyLogo, { name: name, value: String(baseProps.value), menuItems: menuItems }, baseProps.key));
+                default:
+                    return null;
+            }
+        }) }));
+};

package/dist/components/forms/dynamicForm/fields/index.d.ts

@@ -14,4 +14,7 @@ export * from './SelectField';
 export * from './SingleFields';
 export * from './TextAreaField';
 export * from './TextField';
+export * from './TileBodyFields';
+export * from './TileFooterFields';
+export * from './TileHeaderFields';
 export * from './uiFields';

package/dist/components/forms/dynamicForm/fields/index.js

@@ -14,4 +14,7 @@ export * from './SelectField';
 export * from './SingleFields';
 export * from './TextAreaField';
 export * from './TextField';
+export * from './TileBodyFields';
+export * from './TileFooterFields';
+export * from './TileHeaderFields';
 export * from './uiFields';

package/dist/components/forms/dynamicForm/fields/uiFields/TileBody.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Stack } from '@chakra-ui/react';
-import { PartnerFooter, SingleFields } from '../../../..';
+import { PartnerFooter, TileBodyFields, TileFooterFields, TileHeaderFields, } from '../../../..';
 export const TileBody = (_a) => {
     var { callback, fields, websiteUrl = '', menuItems } = _a, props = __rest(_a, ["callback", "fields", "websiteUrl", "menuItems"]);
-    return (_jsx(Box, { display: "flex", flexGrow: 1, flexDir: "column", bg: "#f6f8f9", boxShadow: "lg", children: _jsxs(Stack, { spacing: "0", flex: "1", children: [_jsx(SingleFields, { callback: callback, fields: fields, menuItems: menuItems }), _jsx(PartnerFooter, Object.assign({}, props, { websiteUrl: websiteUrl }))] }) }));
+    return (_jsx(Box, { display: "flex", flexGrow: 1, flexDir: "column", bg: "neutral.white", boxShadow: "lg", children: _jsxs(Stack, { spacing: "0", flex: "1", justify: "space-between", children: [_jsx(Box, { children: _jsx(TileHeaderFields, { fields: fields, menuItems: menuItems }) }), _jsx(TileBodyFields, { fields: fields }), _jsxs(Stack, { spacing: "0", bg: "lightBlue.1", pt: "base", children: [_jsx(TileFooterFields, { callback: callback, fields: fields }), _jsx(PartnerFooter, Object.assign({}, props, { websiteUrl: websiteUrl }))] })] }) }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBody.tsx

@@ -1,6 +1,12 @@
 import { Box, Stack } from '@chakra-ui/react'
 import { TileBodyI } from '@/interfaces'
-import { PartnerFooter, SingleFields } from '@/components'
+import {
+  PartnerFooter,
+  SingleFields,
+  TileBodyFields,
+  TileFooterFields,
+  TileHeaderFields,
+} from '@/components'
 
 export const TileBody = ({
   callback,
@@ -10,14 +16,22 @@ export const TileBody = ({
   ...props
 }: TileBodyI) => {
   return (
-    <Box display="flex" flexGrow={1} flexDir="column" bg="#f6f8f9" boxShadow="lg">
-      <Stack spacing="0" flex="1">
-        <SingleFields
-          callback={callback}
-          fields={fields}
-          menuItems={menuItems}
-        />
-        <PartnerFooter {...props} websiteUrl={websiteUrl} />
+    <Box
+      display="flex"
+      flexGrow={1}
+      flexDir="column"
+      bg="neutral.white"
+      boxShadow="lg"
+    >
+      <Stack spacing="0" flex="1" justify="space-between">
+        <Box>
+          <TileHeaderFields fields={fields} menuItems={menuItems} />
+        </Box>
+        <TileBodyFields fields={fields} />
+        <Stack spacing="0" bg="lightBlue.1" pt="base">
+          <TileFooterFields callback={callback} fields={fields} />
+          <PartnerFooter {...props} websiteUrl={websiteUrl} />
+        </Stack>
       </Stack>
     </Box>
   )

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyAction.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Flex } from '@chakra-ui/react';
 import { SingleFields } from '../../../..';
 export const TileBodyAction = ({ callback, fields }) => {
-    return (_jsx(Flex, { p: "base", align: "center", gap: "base", background: "#f6f8f9", children: _jsx(SingleFields, { fields: fields, callback: callback }) }));
+    return (_jsx(Flex, { p: "base", align: "center", gap: "base", children: _jsx(SingleFields, { fields: fields, callback: callback }) }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyAction.tsx

@@ -4,7 +4,7 @@ import { TileBodyI } from '@/interfaces'
 
 export const TileBodyAction = ({ callback, fields }: TileBodyI) => {
   return (
-    <Flex p="base" align="center" gap="base" background={"#f6f8f9"}>
+    <Flex p="base" align="center" gap="base">
       <SingleFields fields={fields} callback={callback} />
     </Flex>
   )

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyHeader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from '@chakra-ui/react';
 export const TileBodyHeader = ({ value = '' }) => {
-    return (_jsx(Box, { borderTop: "1px solid #dbdbdb", p: "base", background: "#ffffff", children: _jsx(Text, { fontWeight: "semibold", children: value }) }));
+    return (_jsx(Box, { p: "base", children: _jsx(Text, { fontWeight: "semibold", children: value }) }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyHeader.tsx

@@ -2,7 +2,7 @@ import { Box, Text } from '@chakra-ui/react'
 
 export const TileBodyHeader = ({ value = '' }) => {
   return (
-    <Box borderTop={"1px solid #dbdbdb"} p="base" background={"#ffffff"}>
+    <Box p="base">
       <Text fontWeight="semibold">{value}</Text>
     </Box>
   )

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyLogo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PartnerHeader } from '../../../..';
 export const TileBodyLogo = ({ menuItems, name = '', value, }) => {
-    return _jsx(PartnerHeader, { logo: value, partnerName: name, menuItems: menuItems });
+    return (_jsx(PartnerHeader, { borderColor: "lightBlue.6", logo: value, partnerName: name, menuItems: menuItems }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyLogo.tsx

@@ -6,5 +6,12 @@ export const TileBodyLogo = ({
   name = '',
   value,
 }: TileBodyLogoI) => {
-  return <PartnerHeader logo={value} partnerName={name} menuItems={menuItems} />
+  return (
+    <PartnerHeader
+      borderColor="lightBlue.6"
+      logo={value}
+      partnerName={name}
+      menuItems={menuItems}
+    />
+  )
 }

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodySectionGrid.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { SimpleGrid } from '@chakra-ui/react';
 import { SingleFields } from '../../../..';
 export const TileBodySectionGrid = ({ fields }) => {
-    return (_jsx(SimpleGrid, { columns: 3, spacing: "base", p: "base", background: "#ffffff", children: _jsx(SingleFields, { fields: fields }) }));
+    return (_jsx(SimpleGrid, { columns: 3, spacing: "base", p: "base", children: _jsx(SingleFields, { fields: fields }) }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodySectionGrid.tsx

@@ -1,10 +1,10 @@
-import { SimpleGrid } from '@chakra-ui/react'
+import { Center, SimpleGrid } from '@chakra-ui/react'
 import { SingleFields } from '@/components'
 import { TileBodyI } from '@/interfaces'
 
 export const TileBodySectionGrid = ({ fields }: TileBodyI) => {
   return (
-    <SimpleGrid columns={3} spacing="base" p="base" background={"#ffffff"}>
+    <SimpleGrid columns={3} spacing="base" p="base">
       <SingleFields fields={fields} />
     </SimpleGrid>
   )

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.js

@@ -14,5 +14,5 @@ import { Button } from '@chakra-ui/react';
 export const TileCta = (_a) => {
     var { callback } = _a, props = __rest(_a, ["callback"]);
     const { type, value } = props;
-    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(Object.assign({}, props)), variant: type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter', fontSize: "sm", children: value }));
+    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(Object.assign({}, props)), variant: type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter', fontSize: "sm", maxW: "full", children: value }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.tsx

@@ -8,6 +8,7 @@ export const TileCta = ({ callback, ...props }: TileCtaI) => {
       onClick={() => callback?.({ ...props })}
       variant={type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter'}
       fontSize="sm"
+      maxW="full"
     >
       {value}
     </Button>

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Image, Text } from '@chakra-ui/react';
+import { Box, Center, Image, Text } from '@chakra-ui/react';
 export const VerticalIcon = ({ icon, value }) => {
-    return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", children: [_jsx(Box, { h: "46px", display: "flex", alignItems: "center", children: _jsx(Image, { src: icon, alt: value, w: "auto", h: "80%" }) }), _jsx(Box, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", children: value }) })] }));
+    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", display: "flex", alignItems: "center", children: _jsx(Image, { src: icon, alt: value, w: "auto", h: "80%" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", w: "70%", children: value }) })] }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.tsx

@@ -1,4 +1,4 @@
-import { Box, Image, Text } from '@chakra-ui/react'
+import { Box, Center, Image, Text } from '@chakra-ui/react'
 import { VerticalIconI } from '@/interfaces'
 
 export const VerticalIcon = ({ icon, value }: VerticalIconI) => {
@@ -12,20 +12,22 @@ export const VerticalIcon = ({ icon, value }: VerticalIconI) => {
       flexDirection="column"
       alignItems="center"
       justifyContent="center"
+      minH="110px"
     >
       <Box h="46px" display="flex" alignItems="center">
         <Image src={icon} alt={value} w="auto" h="80%" />
       </Box>
-      <Box pb="2">
+      <Center pb="2">
         <Text
           fontWeight="semibold"
           textAlign="center"
           fontSize="13px"
           lineHeight="14px"
+          w="70%"
         >
           {value}
         </Text>
-      </Box>
+      </Center>
     </Box>
   )
 }

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

@@ -1,2 +1,2 @@
 import { HomeAssistantStepsI } from '../../interfaces';
-export declare const HomeAssistant: ({ showTutorial, tutorialUrl, ...props }: HomeAssistantStepsI) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeAssistant: ({ showTutorial, tutorialUrl, onStart, ...props }: HomeAssistantStepsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeAssistant.js

@@ -14,8 +14,8 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { HomeAssistantSteps, HomeAssistantTutorial, HomeAssistantWrapper, } from '..';
 export const HomeAssistant = (_a) => {
-    var { showTutorial = false, tutorialUrl = '' } = _a, props = __rest(_a, ["showTutorial", "tutorialUrl"]);
+    var { showTutorial = false, tutorialUrl = '', onStart } = _a, props = __rest(_a, ["showTutorial", "tutorialUrl", "onStart"]);
     const [startSetup, setStartSetup] = useState(false);
     const showAirplane = props.currentStep === 6 && (!showTutorial || startSetup);
-    return (_jsxs(HomeAssistantWrapper, { showAirplane: showAirplane, title: t('homeAssistant.title'), children: [!startSetup && showTutorial && (_jsx(HomeAssistantTutorial, { onStart: () => setStartSetup(true), videoUrl: tutorialUrl })), (startSetup || !showTutorial) && _jsx(HomeAssistantSteps, Object.assign({}, props))] }));
+    return (_jsxs(HomeAssistantWrapper, { showAirplane: showAirplane, title: t('homeAssistant.title'), children: [!startSetup && showTutorial && (_jsx(HomeAssistantTutorial, { onStart: onStart ? onStart : () => setStartSetup(true), videoUrl: tutorialUrl })), (startSetup || !showTutorial) && _jsx(HomeAssistantSteps, Object.assign({}, props))] }));
 };

package/dist/components/homeAssistant/panel/HomeAssistantPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { HomeAssistantPanelI } from '../../../interfaces';
-export declare const HomeAssistantPanel: ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, }: PropsWithChildren<HomeAssistantPanelI>) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeAssistantPanel: ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, hasCompleted }: PropsWithChildren<HomeAssistantPanelI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/panel/HomeAssistantPanel.js

@@ -7,7 +7,7 @@ import { IA } from '../../../assets/images';
 import { ApplianceSteps, SimpleDynamicForm, FooterButtons, HomeAssistantPanelStep, PanelHeader, } from '../..';
 import { homeAssistantSteps } from '../../../helpers';
 import { useSimpleDynamicForm } from '../../../hooks';
-export const HomeAssistantPanel = ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, }) => {
+export const HomeAssistantPanel = ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, hasCompleted }) => {
     const [addedAppliances, updateAddedAppliances] = useState([]);
     const { title } = homeAssistantSteps[currentStep - 1];
     const text = `${t('homeAssistant.details')} ${title.toLowerCase()}:`;
@@ -33,9 +33,9 @@ export const HomeAssistantPanel = ({ children, currentForm, currentStep, onAppli
                         isDisabled: backDisabled,
                     }, button2: {
                         buttonStyle: 'primaryFooter',
-                        label: t('buttons.saveStep'),
+                        label: !hasCompleted && currentStep === 6 ? t('buttons.finish') : t('buttons.saveStep'),
                         onClick: () => onSave(updatedFields),
-                    }, button3: {
+                    }, button3: (!hasCompleted && currentStep === 6) ? undefined : {
                         buttonStyle: 'primaryFooter',
                         label: t('buttons.next'),
                         onClick: onNext,

package/dist/components/homeBoard/HomeBoard.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Box, DrawerBody, DrawerContent, DrawerHeader, Flex, Stack, } from '@chakra-ui/react';
 import { HomeHeader, HomeCardWithRecipent, AddFolder, EditAccountType, FolderSharing, RightPanel, HomeBoardTour, RoomsMenu, ContactsContent, AppBar, BarDivider, ContactList, PeopleConnected, StorageUsed, TourButton, Trash, TutorialsButton, FolderTypeSelection, DisplayFiles, DisplayOptions, FilesUploader, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, SharedAccounts, ReceiptAutofiler, HomeBoardGrid, ShortPartnerTile, ValueMonitor, TrendingValue, ReceiptsFiled, PropertyTaxes, AddHomeItem, SendCommunication, PartnerCatalogPanel, DynamicForm, PanelHeader, EditHomePanel, HomeCard, EditHomeFooter, HomeAssistant, HomeAssistantPanel, HomeMonitor, HomefileMonitoring, Notifications, HomeMonitorSteps, } from '..';
 import { HomeCards, recipientsDb, FoldersDB, selectOptions, RoomsList, RoomsToAdd, } from '../../helpers';
-import { ContactsMock, DisplayFilesMock, formFieldsMock, homeBoardRecorsMock, lineChartData, menuMock, partnerCatalogMock, sharedAccountsMock, socialLinksMock2, taxesMock, userMock, videoMock, homeAssitantStep1FormMock, homeAssitantStep2FormMock, homeAssitantStep3FormMock, homeAssitantStep4FormMock, homeAssitantStep5FormMock, homeAssitantStep6FormMock, } from '../../mocks';
+import { ContactsMock, DisplayFilesMock, formFieldsMock, homeBoardRecorsMock, lineChartData, menuMock, partnerCatalogMock, sharedAccountsMock, socialLinksMock2, taxesMock, userMock, videoMock, homeAssitantStep1FormMock, homeAssitantStep2FormMock, homeAssitantStep3FormMock, homeAssitantStep4FormMock, homeAssitantStep5FormMock, homeAssitantStep6FormMock, tileUIMock, socialLinksMock, } from '../../mocks';
 import { useHomeBoard, useWindowDimensions } from '../../hooks';
 import { Painting } from '../../assets/images';
 const forms = {
@@ -48,7 +48,7 @@ export const HomeBoard = () => {
             ], onShareContacts: () => null, onDeleteContacts: () => null })),
         PartnerCatalog: (_jsx(PartnerCatalogPanel, { onClose: onRightClose, onPartnerAdd: () => null, partners: partnerCatalogMock })),
         AddHouseholdItem: (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, icon: Painting, title: "Add Household Item" }) }), _jsx(DrawerBody, { children: _jsx(DynamicForm, { form: formFieldsMock }) })] })),
-        HomeAssistant: (_jsx(HomeAssistantPanel, { currentStep: homeAssistantCurrentStep, currentForm: currentHomeAssistantForm, onNext: handleHomeAssistantFormChange, onBack: handleHomeAssistantBack, onApplianceClick: () => null, onClose: onRightClose, onSave: () => { }, backDisabled: false, nextDisabled: false })),
+        HomeAssistant: (_jsx(HomeAssistantPanel, { currentStep: homeAssistantCurrentStep, currentForm: currentHomeAssistantForm, onNext: handleHomeAssistantFormChange, onBack: handleHomeAssistantBack, onApplianceClick: () => null, onClose: onRightClose, onSave: () => { }, backDisabled: false, nextDisabled: false, hasCompleted: true })),
     };
     const panelSize = currentComponent === 'PartnerCatalog' ? 'lg' : 'md';
     return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", handleAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), handleClick: () => null, handleHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { currentPanel: homeAssistantCurrentStep, currentStep: 6, onStepClick: handleHomeAssistantClick }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsx(HomeMonitor, { children: _jsxs(Stack, { spacing: "base", w: "full", px: "base", children: [_jsxs(Flex, { gap: "base", children: [_jsx(HomefileMonitoring, {}), _jsx(Notifications, { date: "10-10-24", local: "TX - Houston" })] }), _jsx(HomeMonitorSteps, { menuItems: [
@@ -56,7 +56,7 @@ export const HomeBoard = () => {
                                                                     label: 'Details',
                                                                     handleClick: handleHomeAssistantClick,
                                                                 },
-                                                            ], stepsWithAlerts: [], onStepClick: () => null })] }) }), _jsxs(Stack, { spacing: "base", children: [_jsx(ReceiptAutofiler, { onClick: () => null, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: () => null, children: _jsx(ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), _jsx(ValueMonitor, { menuItems: menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), _jsx(ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(TrendingValue, { chartData: lineChartData, marketValue: 894000, menuItems: menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), _jsx(ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(FolderSharing, { folders: FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: () => null, initialSelectItem: selectOptions[0], menuItems: menuMock, selectItems: selectOptions }), _jsxs(Stack, { spacing: "base", children: [_jsx(AddHomeItem, { handleClick: () => null }), _jsx(SendCommunication, { documentList: [] })] }), _jsx(ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), _jsx(HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: videoMock, isActive: activeTour })] }));
+                                                            ], stepsWithAlerts: [], onStepClick: () => null })] }) }), _jsx(DynamicForm, { form: tileUIMock, menuItems: menuMock, socialLinks: socialLinksMock, showTitle: false, websiteUrl: "http://www.audreyscheckdesign.com" }), _jsxs(Stack, { spacing: "base", children: [_jsx(ReceiptAutofiler, { onClick: () => null, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: () => null, children: _jsx(ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), _jsx(ValueMonitor, { menuItems: menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), _jsx(ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(TrendingValue, { chartData: lineChartData, marketValue: 894000, menuItems: menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), _jsx(ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(FolderSharing, { folders: FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: () => null, initialSelectItem: selectOptions[0], menuItems: menuMock, selectItems: selectOptions }), _jsxs(Stack, { spacing: "base", children: [_jsx(AddHomeItem, { handleClick: () => null }), _jsx(SendCommunication, { documentList: [] })] }), _jsx(ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), _jsx(HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: videoMock, isActive: activeTour })] }));
 };
 export const AppBarComponent = ({ setActiveTour = (value) => { } }) => {
     const handleTour = () => {

package/dist/components/partner/PartnerFooter.js

@@ -10,5 +10,5 @@ export const PartnerFooter = ({ socialLinks = [], websiteUrl, urlText, }) => {
             return;
         window.open(url, '_blank');
     };
-    return (_jsxs(Flex, { background: "#f6f8f9", align: "center", justify: "space-between", p: "base", children: [_jsx(Link, { href: websiteUrl, isExternal: true, children: _jsx(Text, { fontSize: "xs", color: "blue.3", children: urlText !== null && urlText !== void 0 ? urlText : cleanedWebsiteUrl }) }), hasSocialLinks && (_jsx(Flex, { align: "center", gap: "1", children: socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks.map(({ name, link }) => (_jsx(IconButton, { variant: "unstyled", w: "fit-content", "aria-label": "Instagram", icon: SocialIcons({ size: 20, name }), onClick: () => handleSocialClick(link) }, name))) }))] }));
+    return (_jsxs(Flex, { align: "center", justify: "space-between", p: "base", children: [_jsx(Link, { href: websiteUrl, isExternal: true, children: _jsx(Text, { fontSize: "xs", color: "blue.3", children: urlText !== null && urlText !== void 0 ? urlText : cleanedWebsiteUrl }) }), hasSocialLinks && (_jsx(Flex, { align: "center", gap: "1", children: socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks.map(({ name, link }) => (_jsx(IconButton, { variant: "unstyled", w: "fit-content", "aria-label": "Instagram", icon: SocialIcons({ size: 20, name }), onClick: () => handleSocialClick(link) }, name))) }))] }));
 };

package/dist/components/partner/PartnerHeader.d.ts

@@ -1,2 +1,2 @@
 import { PartnerHeaderI } from '../../interfaces';
-export declare const PartnerHeader: ({ logo, menuItems, partnerName, }: PartnerHeaderI) => import("react/jsx-runtime").JSX.Element;
+export declare const PartnerHeader: ({ borderColor, logo, menuItems, partnerName, }: PartnerHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/PartnerHeader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from '@chakra-ui/react';
 import { MoreHorizontal, IconMenu, HeaderPartnerLogo } from '..';
-export const PartnerHeader = ({ logo, menuItems = [], partnerName, }) => {
+export const PartnerHeader = ({ borderColor = 'transparent', logo, menuItems = [], partnerName, }) => {
     const isDisabled = menuItems.length === 0;
-    return (_jsxs(Flex, { justify: "space-between", align: "center", p: "base", bg: "white", children: [_jsx(HeaderPartnerLogo, { alt: `${partnerName} logo`, logo: logo }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems, disabled: isDisabled })] }));
+    return (_jsxs(Flex, { justify: "space-between", align: "center", p: "base", bg: "neutral.white", borderBottom: "1px solid", borderColor: borderColor, children: [_jsx(HeaderPartnerLogo, { alt: `${partnerName} logo`, logo: logo }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems, disabled: isDisabled })] }));
 };

package/dist/helpers/forms/dynamicForm.helper.js

@@ -1,10 +1,11 @@
-import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool2, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Company, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, HouseWashing, PressureWasher, } from '../../assets/images';
+import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Contacts, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool2, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Company, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, HouseWashing, PressureWasher, } from '../../assets/images';
 export const fieldIcons = {
     barcode: Barcode,
     billing: Billing,
     book: Book,
     calc: Calc,
     check: CheckPen,
+    contact: Contacts,
     date: Calendar,
     default: GenericField,
     goldbars: GoldenBars,

package/dist/interfaces/forms/dynamicForm/DynamicForm.interface.d.ts

@@ -1,7 +1,7 @@
 import { FolderFileI, MenuItemI, PartnerFooterI, TileCtaI } from '../..';
 type KindTypes = 'checkbox' | 'checkbox-group' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'hidden' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | UIKindTypes;
 type UIKindTypes = 'tile-body' | 'tile-body-logo' | 'tile-body-header' | 'tile-body-section' | 'tile-body-section-grid' | 'tile-form' | 'tile-body-action' | 'vertical-icon' | 'primary-cta' | 'secondary-cta';
-export type IconTypes = 'barcode' | 'battery' | 'billing' | 'book' | 'calc' | 'calendar' | 'check' | 'co2' | 'date' | 'default' | 'detector' | 'electricity' | 'goldbars' | 'heart' | 'image' | 'notes' | 'palette' | 'people' | 'price' | 'rating' | 'receipt' | 'registry' | 'sprinkler' | 'tools' | 'wind' | '68' | 'calendar2' | 'water' | 'calendar-drop' | 'umbrella' | 'heater' | 'roof' | 'foundation' | 'solar-panel' | 'pool' | 'drop' | 'mobile-drop' | 'light' | 'plate' | 'pressure-washer' | 'house' | 'target' | 'title' | 'company' | UIIconTypes;
+export type IconTypes = 'barcode' | 'battery' | 'billing' | 'book' | 'calc' | 'calendar' | 'check' | 'co2' | 'contact' | 'date' | 'default' | 'detector' | 'electricity' | 'goldbars' | 'heart' | 'image' | 'notes' | 'palette' | 'people' | 'price' | 'rating' | 'receipt' | 'registry' | 'sprinkler' | 'tools' | 'wind' | '68' | 'calendar2' | 'water' | 'calendar-drop' | 'umbrella' | 'heater' | 'roof' | 'foundation' | 'solar-panel' | 'pool' | 'drop' | 'mobile-drop' | 'light' | 'plate' | 'pressure-washer' | 'house' | 'target' | 'title' | 'company' | UIIconTypes;
 export type UIIconTypes = 'sh-pressure' | 'sh-window' | 'sh-roof' | 'sh-lights' | 'sh-gutter' | 'sh-home' | 'sh-house';
 export type ValueTypes = string | string[] | number | boolean;
 export type OptionsTypes = string[] | number[] | null;

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

@@ -9,4 +9,5 @@ export interface HomeAssistantPanelI {
     onSave: (form: ReportI[]) => void;
     backDisabled: boolean;
     nextDisabled: boolean;
+    hasCompleted: boolean;
 }

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

@@ -4,4 +4,5 @@ export interface HomeAssistantStepsI {
     showTutorial?: boolean;
     currentPanel?: number;
     tutorialUrl?: string;
+    onStart?: () => void;
 }

package/dist/interfaces/partner/PartnerHeader.interface.d.ts

@@ -1,5 +1,6 @@
-import { MenuItemI } from "..";
+import { MenuItemI } from '..';
 export interface PartnerHeaderI {
+    borderColor?: string;
     logo: string;
     menuItems?: MenuItemI[];
     partnerName: string;