@homefile/components-v2 1.4.2 → 1.6.0

package/dist/components/contacts/shareContactForms/ShareContactByHomefile.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { AddReceiverButton, Loader, SendToList, ShareWithButton, TextInput, } from '../..';
+import { isValidEmail } from '../../../utils';
+import { useShareContactByHomefile } from '../../../hooks';
+import { ShareHomeContactList } from '../../sharedHomePanel/ShareHomeContactList';
+export const ShareContactByHomefile = ({ apiErrorMessage, homefileContacts, isLoading, onShare, onDropdownSelect, onContactSearch, onRemoveContact, shareWithList, }) => {
+    const { handleChangeValue, handleSetIsDirtyToTrue, handleToggleDropdown, isDirty, openDropdown, sendTo, value, } = useShareContactByHomefile({ onShare, shareWithList, sendBy: 'homefile' });
+    const errorMessage = apiErrorMessage !== null && apiErrorMessage !== void 0 ? apiErrorMessage : `${t('forms.email')} ${t('forms.required')}`;
+    return (_jsxs(Box, { w: "100%", children: [_jsxs(Stack, { p: "base", w: "100%", spacing: "base", children: [_jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: t('contacts.shareWithHomefile') }), _jsxs(Flex, { gap: "base", children: [_jsxs(Flex, { position: "relative", flex: 1, children: [_jsx(ShareWithButton, { marginRight: "-1px", onClick: handleToggleDropdown }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "shareContactByHomefile", errorMessage: errorMessage, hasError: !isValidEmail(value) && isDirty, handleChange: handleChangeValue, placeholder: t('contacts.placeholders.searchContact'), value: value, onBlur: handleSetIsDirtyToTrue, type: "email" }), openDropdown && (_jsx(ShareHomeContactList, { contacts: homefileContacts, onClick: (contact) => {
+                                            onDropdownSelect(contact);
+                                            handleToggleDropdown();
+                                        }, onDone: handleToggleDropdown, onChange: () => null, onSave: () => null, selectedContact: {
+                                            email: '',
+                                        } }))] }), _jsx(AddReceiverButton, { onClick: () => onContactSearch(value), isDisabled: !isValidEmail(value) })] })] }), !isLoading && _jsx(SendToList, { sendTo: sendTo, onDelete: onRemoveContact }), isLoading && _jsx(Loader, { height: "100px" })] }));
+};

package/dist/components/contacts/shareContactForms/ShareContactBySMS.d.ts

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

package/dist/components/contacts/shareContactForms/ShareContactBySMS.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { AddReceiverButton, SendToList, TextInput } from '../..';
+import { isEmptyField } from '../../../utils';
+import { useShareContactBy } from '../../../hooks';
+export const ShareContactBySMS = ({ apiErrorMessage, onShare, }) => {
+    const { sendTo, handleAdd, handleChangeValue, handleDelete, handleSetIsDirtyToTrue, isDirty, value, } = useShareContactBy({ onShare, sendBy: 'sms' });
+    const errorMessage = apiErrorMessage !== null && apiErrorMessage !== void 0 ? apiErrorMessage : `${t('forms.phone')} ${t('forms.required')}`;
+    return (_jsxs(Box, { w: "100%", children: [_jsxs(Stack, { p: "base", w: "100%", spacing: "base", children: [_jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: t('contacts.shareWithSMS') }), _jsxs(Flex, { gap: "base", children: [_jsx(TextInput, { errorMessage: errorMessage, hasError: isEmptyField(value) && isDirty, id: "shareContactBySMS", handleChange: handleChangeValue, placeholder: t('contacts.placeholders.sms'), value: value, type: "number", onBlur: handleSetIsDirtyToTrue }), _jsx(AddReceiverButton, { onClick: handleAdd, isDisabled: isEmptyField(value) })] })] }), _jsx(SendToList, { sendTo: sendTo, onDelete: handleDelete })] }));
+};

package/dist/components/contacts/shareContactForms/index.d.ts

@@ -1 +1,5 @@
+export * from './AddReceiverButton';
+export * from './SendToList';
 export * from './ShareContactByEmail';
+export * from './ShareContactByHomefile';
+export * from './ShareContactBySMS';

package/dist/components/contacts/shareContactForms/index.js

@@ -1 +1,5 @@
+export * from './AddReceiverButton';
+export * from './SendToList';
 export * from './ShareContactByEmail';
+export * from './ShareContactByHomefile';
+export * from './ShareContactBySMS';

package/dist/components/contacts/sharePanel/SelectedContacts.d.ts

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

package/dist/components/contacts/sharePanel/SelectedContacts.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Flex, IconButton } from '@chakra-ui/react';
+import { TrashIcon, ContactCard } from '../..';
+export const SelectedContacts = ({ contacts, onDeleteSelected, }) => {
+    return (_jsx(Stack, { spacing: "1", p: "4", bg: "lightBlue.5", maxH: "300px", overflowY: "scroll", children: contacts.map((contact, index) => (_jsxs(Flex, { align: "center", children: [_jsx(ContactCard, { contact: contact, index: index, showHeader: false, showAvatar: false }, contact._id), _jsx(IconButton, { "aria-label": "Remove field", variant: "unstyled", icon: _jsx(TrashIcon, {}), size: "md", position: "relative", right: "-16px", transition: "all 0.2s ease-in-out", _hover: {
+                        filter: 'brightness(0.7)',
+                    }, onClick: () => onDeleteSelected(contact._id) })] }, contact._id))) }));
+};

package/dist/components/contacts/sharePanel/ShareContactsContent.d.ts

@@ -0,0 +1,2 @@
+import { ShareContactsContentI } from '../../../interfaces';
+export declare const ShareContactsContent: ({ contacts, onClose, onShare, ...props }: ShareContactsContentI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/sharePanel/ShareContactsContent.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { DrawerContent, DrawerHeader, DrawerBody, Stack, DrawerFooter, } from '@chakra-ui/react';
+import { Contacts } from '../../../assets/images';
+import { FooterButtons, FooterDrawer, PanelHeader, SelectedContacts, ShareContactSection, } from '../..';
+import { useShareContactsContent } from '../../../hooks';
+export const ShareContactsContent = (_a) => {
+    var { contacts, onClose, onShare } = _a, props = __rest(_a, ["contacts", "onClose", "onShare"]);
+    const { contactsSelected, recipientsToSend, handleAddRecipient, handleDeleteSelectedContact, handleShareContacts, } = useShareContactsContent({ contacts, onShare });
+    const numberOfContacts = Number(contacts.length);
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: Contacts, title: `${t('contacts.shareContact')} (${numberOfContacts})` }) }), _jsx(DrawerBody, { p: "0", overflowX: "hidden", overflowY: "scroll", bg: "lightBlue.2", children: _jsxs(Stack, { pb: "120px", spacing: "0", children: [_jsx(SelectedContacts, { contacts: contactsSelected, onDeleteSelected: handleDeleteSelectedContact }), _jsx(ShareContactSection, Object.assign({}, props, { onShare: handleAddRecipient }))] }) }), _jsx(DrawerFooter, { p: "0", children: _jsx(FooterDrawer, { isOpen: true, children: _jsx(FooterButtons, { button1: {
+                            buttonStyle: 'primaryFooter',
+                            label: t('buttons.send'),
+                            isDisabled: Number(recipientsToSend.length) === 0,
+                            onClick: handleShareContacts,
+                        } }) }) })] }));
+};

package/dist/components/contacts/sharePanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectedContacts';
+export * from './ShareContactsContent';

package/dist/components/contacts/sharePanel/index.js

@@ -0,0 +1,2 @@
+export * from './SelectedContacts';
+export * from './ShareContactsContent';

package/dist/components/homeAssistant/HomeAssistant.js

@@ -11,10 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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"]);
     const [startSetup, setStartSetup] = useState(false);
     const showAirplane = props.currentStep === 6 && (!showTutorial || startSetup);
-    return (_jsxs(HomeAssistantWrapper, { showAirplane: showAirplane, 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: () => setStartSetup(true), videoUrl: tutorialUrl })), (startSetup || !showTutorial) && _jsx(HomeAssistantSteps, Object.assign({}, props))] }));
 };

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

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const HomeAssistantWrapper: ({ children, showAirplane, }: PropsWithChildren<{
+export declare const HomeAssistantWrapper: ({ children, showAirplane, title, }: PropsWithChildren<{
     showAirplane?: boolean;
+    title: string;
 }>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeAssistantWrapper.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { t } from 'i18next';
 import { Box, Center, GridItem, Image } from '@chakra-ui/react';
 import { ContainerHeader, TileTooltip, moveRightToLeftWithFade, moveRightToLeft, moveLeftToRightAirplane, } from '..';
 import { Airplane, Cloud1, Cloud2, Cloud3, IA, TreesCrop, } from '../../assets/images';
 import { getImageAltText } from '../../utils';
 import { colors } from '../../theme/colors';
-export const HomeAssistantWrapper = ({ children, showAirplane, }) => {
+export const HomeAssistantWrapper = ({ children, showAirplane, title, }) => {
     const treesAlt = getImageAltText(TreesCrop);
-    return (_jsx(GridItem, { colSpan: [1, 2], children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Box, { bgGradient: colors.skyGradient, boxShadow: "base", h: "full", position: "relative", overflowX: "hidden", children: [_jsx(ContainerHeader, { title: t('homeAssistant.title'), titleIcon: IA }), _jsx(Center, { minH: "477px", children: children }), _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "80px", top: "80px", animation: `${moveRightToLeftWithFade} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "112px", top: "150px", animation: `${moveRightToLeft} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "200px", animation: `${moveRightToLeft} 130s linear infinite`, zIndex: "1" }), showAirplane && (_jsx(Image, { src: Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" })), _jsx(Image, { src: TreesCrop, alt: treesAlt, position: "absolute", bottom: "0", right: "2", w: "auto", h: "70px", zIndex: "1" })] }) }) }));
+    return (_jsx(GridItem, { colSpan: [1, 2], children: _jsx(TileTooltip, { label: "homeAssistant", children: _jsxs(Box, { bgGradient: colors.skyGradient, boxShadow: "base", h: "full", position: "relative", overflowX: "hidden", children: [_jsx(ContainerHeader, { title: title, titleIcon: IA }), _jsx(Center, { minH: "477px", children: children }), _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "80px", top: "80px", animation: `${moveRightToLeftWithFade} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "112px", top: "150px", animation: `${moveRightToLeft} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "200px", animation: `${moveRightToLeft} 130s linear infinite`, zIndex: "1" }), showAirplane && (_jsx(Image, { src: Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" })), _jsx(Image, { src: TreesCrop, alt: treesAlt, position: "absolute", bottom: "0", right: "2", w: "auto", h: "70px", zIndex: "1" })] }) }) }));
 };

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const HomeMonitor: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeMonitor.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { HomeAssistantWrapper } from '..';
+export const HomeMonitor = ({ children }) => {
+    return (_jsx(HomeAssistantWrapper, { showAirplane: true, title: t('homeAssistant.homeMonitor'), children: children }));
+};

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

@@ -0,0 +1,2 @@
+import { HomeMonitorButtonI } from '../../interfaces';
+export declare const HomeMonitorButton: ({ currentStep, onStepClick, status, step, }: HomeMonitorButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeMonitorButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Center, Image, Stack, Text } from '@chakra-ui/react';
+import { getIconAltText } from '../../utils';
+export const HomeMonitorButton = ({ currentStep, onStepClick, status, step, }) => {
+    const iconAltText = getIconAltText(step.icon);
+    const handleClick = () => {
+        console.log({ status });
+        if (status !== 'ok')
+            onStepClick(currentStep);
+    };
+    return (_jsx(Box, { children: _jsxs(Stack, Object.assign({ as: "button", spacing: "2", borderRadius: "lg", boxShadow: "lg", border: "1px solid transparent", w: "90px", align: "center", h: "96px", py: "base", bg: "neutral.white" }, setStyles(status), { onClick: handleClick, children: [_jsx(Center, { h: "60%", children: _jsx(Image, { src: step.icon, alt: iconAltText, w: "auto", h: "28px" }) }), _jsx(Center, { h: "40%", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", textAlign: "center", lineHeight: "14px", children: step.title }) })] })) }));
+};
+const setStyles = (status) => {
+    switch (status) {
+        case 'alert':
+            return {
+                cursor: 'pointer',
+                border: '1px solid',
+                borderColor: 'error.2',
+                transition: 'all 0.3s',
+                _hover: {
+                    bg: 'lightGreen.7',
+                },
+            };
+        case 'ok':
+            return {
+                cursor: 'not-allowed',
+                filter: 'grayscale(1) opacity(0.6)',
+            };
+    }
+};

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

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

package/dist/components/homeAssistant/HomeMonitorSteps.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Flex } from '@chakra-ui/react';
+import { HomeMonitorButton } from '..';
+import { homeAssistantSteps } from '../../helpers';
+export const HomeMonitorSteps = ({ onStepClick, stepsWithAlerts, }) => {
+    return (_jsx(Flex, { gap: "base", children: homeAssistantSteps.map((step, index) => (_jsx(Box, { flex: "auto", children: _jsx(HomeMonitorButton, { currentStep: index + 1, onStepClick: onStepClick, status: getStatus(index + 1, stepsWithAlerts), step: step }) }, step.title))) }));
+};
+const getStatus = (index, stepsWithAlerts) => {
+    const hasAlert = stepsWithAlerts.includes(index);
+    return hasAlert ? 'alert' : 'ok';
+};

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

@@ -1,3 +1,4 @@
+export * from './monitorAlerts';
 export * from './panel';
 export * from './HomeAssistant';
 export * from './HomeAssistantButton';
@@ -5,3 +6,6 @@ export * from './HomeAssistantStepper';
 export * from './HomeAssistantSteps';
 export * from './HomeAssistantTutorial';
 export * from './HomeAssistantWrapper';
+export * from './HomeMonitor';
+export * from './HomeMonitorButton';
+export * from './HomeMonitorSteps';

package/dist/components/homeAssistant/index.js

@@ -1,3 +1,4 @@
+export * from './monitorAlerts';
 export * from './panel';
 export * from './HomeAssistant';
 export * from './HomeAssistantButton';
@@ -5,3 +6,6 @@ export * from './HomeAssistantStepper';
 export * from './HomeAssistantSteps';
 export * from './HomeAssistantTutorial';
 export * from './HomeAssistantWrapper';
+export * from './HomeMonitor';
+export * from './HomeMonitorButton';
+export * from './HomeMonitorSteps';

package/dist/components/homeAssistant/monitorAlerts/AlertHeader.d.ts

@@ -0,0 +1 @@
+export declare const AlertHeader: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/AlertHeader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Center, Image, Text } from '@chakra-ui/react';
+import { Exclamation } from '../../../assets/images';
+export const AlertHeader = () => {
+    return (_jsx(Flex, { justifyContent: "space-between", px: "base", py: "1", bg: "error.2", borderTopRadius: "lg", align: "center", children: _jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Center, { p: "1", borderRadius: "full", bg: "pink.1", h: "18px", w: "18px", children: _jsx(Image, { src: Exclamation, h: "100%", w: "auto" }) }), _jsx(Text, { color: "white", fontSize: "sm", fontWeight: "medium", textTransform: "uppercase", children: t('homeAssistant.monitorAlerts.homeAction') })] }) }));
+};

package/dist/components/homeAssistant/monitorAlerts/AlertTemplate.d.ts

@@ -0,0 +1,2 @@
+import { BaseAlertCardI } from '../../../interfaces';
+export declare const AlertTemplate: ({ bg, description, icon, title, }: Pick<BaseAlertCardI, "bg" | "description" | "title" | "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/AlertTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Center, Flex, Image, Stack, Text } from '@chakra-ui/react';
+export const AlertTemplate = ({ bg = 'error.1', description, icon, title, }) => {
+    return (_jsxs(Flex, { gap: "base", px: "base", pt: "1", pb: "4", children: [_jsx(Center, { minW: "60px", h: "60px", bg: bg, borderRadius: "md", children: _jsx(Image, { src: icon, maxH: "36px", w: "auto" }) }), _jsxs(Stack, { children: [_jsx(Text, { fontWeight: "semibold", fontSize: "xl", lineHeight: "1.2", children: title }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1.2", children: description })] })] }));
+};

package/dist/components/homeAssistant/monitorAlerts/AlertTitle.d.ts

@@ -0,0 +1,2 @@
+import { BaseAlertCardI } from '../../../interfaces';
+export declare const AlertTitle: ({ alertIcon, alertTitle, }: Pick<BaseAlertCardI, "alertIcon" | "alertTitle">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/AlertTitle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Image, Text } from '@chakra-ui/react';
+export const AlertTitle = ({ alertIcon, alertTitle, }) => {
+    return (_jsxs(Flex, { align: "center", gap: "1", p: "base", children: [_jsx(Image, { src: alertIcon, h: "20px", w: "20px" }), _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: alertTitle })] }));
+};

package/dist/components/homeAssistant/monitorAlerts/BaseAlertCard.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { BaseAlertCardI } from '../../../interfaces';
+export declare const BaseAlertCard: ({ alertIcon, alertTitle, children, ...props }: PropsWithChildren<BaseAlertCardI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/BaseAlertCard.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Button, Collapse, Flex, useDisclosure } from '@chakra-ui/react';
+import { AlertHeader, AlertTemplate, AlertTitle, Overlay } from '../..';
+import { Warranty } from '../../../assets/images';
+export const BaseAlertCard = (_a) => {
+    var { alertIcon = Warranty, alertTitle = t('homeAssistant.monitorAlerts.protection'), children } = _a, props = __rest(_a, ["alertIcon", "alertTitle", "children"]);
+    const { isOpen, onToggle } = useDisclosure();
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { display: "flex", flexDir: "column", bg: "neutral.white", boxShadow: "lg", borderRadius: "lg", overflow: "hidden", maxW: "420px", position: isOpen ? 'absolute' : 'relative', top: isOpen ? '4' : 'auto', left: isOpen ? 'calc(50% - 218px)' : 'auto', zIndex: "popover", children: [_jsx(AlertHeader, {}), _jsx(AlertTitle, { alertIcon: alertIcon, alertTitle: alertTitle }), _jsx(AlertTemplate, Object.assign({}, props)), _jsx(Collapse, { in: isOpen, animateOpacity: true, children: _jsx(Box, { p: "base", bg: "lightBlue.1", children: children }) }), _jsx(Flex, { py: "base", bg: "lightBlue.1", justify: "flex-end", children: _jsx(Button, { variant: "leftRounded", w: "fit-content", px: "8", fontSize: "sm", fontWeight: "medium", onClick: onToggle, bg: isOpen ? 'blue.8' : 'blue.2', children: t(`homeAssistant.monitorAlerts.${isOpen ? 'collapse' : 'review'}`) }) })] }), _jsx(Overlay, { bg: "overlayWhite", showOverlay: isOpen, position: "absolute", zIndex: "modal" })] }));
+};

package/dist/components/homeAssistant/monitorAlerts/MonitorAlerts.d.ts

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

package/dist/components/homeAssistant/monitorAlerts/MonitorAlerts.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { BaseAlertCard, ChangeAirFilter, SmokeDetectorBattery, SmokeDetectorExpired, } from '../..';
+import { Battery, Fire, GearTime, WindWhite } from '../../../assets/images';
+export const MonitorAlerts = ({ alertId }) => {
+    const alertChildren = {
+        'smoke-detector-battery': _jsx(SmokeDetectorBattery, {}),
+        'smoke-detector-expired': _jsx(SmokeDetectorExpired, {}),
+        'change-air-filter': _jsx(ChangeAirFilter, {}),
+    };
+    const alerts = {
+        'change-air-filter': {
+            bg: 'lightBlue.8',
+            alertIcon: GearTime,
+            alertTitle: t('homeAssistant.monitorAlerts.maintenance'),
+            icon: WindWhite,
+            title: t('homeAssistant.alerts.airFilter.main.title'),
+            description: t('homeAssistant.alerts.airFilter.main.description'),
+        },
+        'smoke-detector-battery': {
+            icon: Battery,
+            title: t('homeAssistant.alerts.smokeDetectorBattery.main.title'),
+            description: t('homeAssistant.alerts.smokeDetectorBattery.main.description'),
+        },
+        'smoke-detector-expired': {
+            icon: Fire,
+            title: t('homeAssistant.alerts.smokeDetectorExpired.main.title'),
+            description: t('homeAssistant.alerts.smokeDetectorExpired.main.description'),
+        },
+    };
+    return (_jsx(BaseAlertCard, Object.assign({}, alerts[alertId], { children: alertChildren[alertId] })));
+};

package/dist/components/homeAssistant/monitorAlerts/Notifications.d.ts

@@ -0,0 +1,4 @@
+export declare const Notifications: ({ date, local }: {
+    date?: string | undefined;
+    local?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/Notifications.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Flex, Center, Text } from '@chakra-ui/react';
+import { t } from 'i18next';
+export const Notifications = ({ date = '', local = '' }) => {
+    return (_jsxs(Stack, { spacing: "base", minH: "full", zIndex: "2", children: [_jsxs(Flex, { justify: "space-between", children: [_jsx(CustomText, { children: date }), _jsx(CustomText, { children: local })] }), _jsx(Center, { w: "188px", h: "full", border: "1px dashed", borderColor: "blue.1", borderRadius: "sm", children: _jsx(Text, { fontSize: "sm", fontFamily: "secondary", children: t('homeAssistant.notifications') }) })] }));
+};
+const CustomText = ({ children = '' }) => {
+    return (_jsx(Text, { fontSize: "sm", fontFamily: "secondary", textTransform: "uppercase", children: children }));
+};

package/dist/components/homeAssistant/monitorAlerts/alertDetails/ChangeAirFilter.d.ts

@@ -0,0 +1 @@
+export declare const ChangeAirFilter: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/alertDetails/ChangeAirFilter.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { CustomBadge } from '../../../badge';
+import { CustomDivider } from '../../..';
+export const ChangeAirFilter = () => {
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "1.2", children: t('homeAssistant.alerts.airFilter.description') }), _jsx(CustomDivider, {}), _jsx(Text, { fontWeight: "semibold", children: t('homeAssistant.alerts.airFilter.title') }), _jsx(CustomDivider, {}), _jsx(FilterType, { badgeText: t('homeAssistant.alerts.airFilter.bestBadge'), title: t('homeAssistant.alerts.airFilter.best.title'), description: t('homeAssistant.alerts.airFilter.best.description') }), _jsx(CustomDivider, {}), _jsx(FilterType, { badgeText: t('homeAssistant.alerts.airFilter.betterBadge'), title: t('homeAssistant.alerts.airFilter.better.title'), description: t('homeAssistant.alerts.airFilter.better.description'), bg: "blue.11" })] }));
+};
+const FilterType = ({ badgeText = '', title = '', description = '', bg = 'blue.10', }) => {
+    return (_jsxs(Flex, { gap: "base", children: [_jsx(Box, { h: "fit-content", minW: "48px", children: _jsx(CustomBadge, { label: badgeText, bg: bg }) }), _jsxs(Stack, { spacing: "1", children: [_jsx(Text, { fontSize: "sm", fontWeight: "semibold", lineHeight: "1.2", children: title }), _jsx(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "1.2", children: description })] })] }));
+};

package/dist/components/homeAssistant/monitorAlerts/alertDetails/CustomDivider.d.ts

@@ -0,0 +1 @@
+export declare const CustomDivider: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/alertDetails/CustomDivider.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Divider } from '@chakra-ui/react';
+export const CustomDivider = () => {
+    return _jsx(Divider, { borderStyle: "dashed", borderColor: "gray.1" });
+};

package/dist/components/homeAssistant/monitorAlerts/alertDetails/SmokeDetectorBattery.d.ts

@@ -0,0 +1 @@
+export declare const SmokeDetectorBattery: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/alertDetails/SmokeDetectorBattery.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Stack, Text } from '@chakra-ui/react';
+import { CustomBadge } from '../../../badge';
+import { CustomDivider } from '../../..';
+export const SmokeDetectorBattery = () => {
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontWeight: "semibold", children: t('homeAssistant.alerts.smokeDetectorBattery.title') }), _jsx(CustomDivider, {}), _jsx(BatteryType, { badgeText: t('homeAssistant.alerts.smokeDetectorBattery.bestBadge'), title: t('homeAssistant.alerts.smokeDetectorBattery.best.title'), description: t('homeAssistant.alerts.smokeDetectorBattery.best.description') }), _jsx(CustomDivider, {}), _jsx(BatteryType, { badgeText: t('homeAssistant.alerts.smokeDetectorBattery.betterBadge'), title: t('homeAssistant.alerts.smokeDetectorBattery.better.title'), description: t('homeAssistant.alerts.smokeDetectorBattery.better.description'), bg: "blue.11" })] }));
+};
+const BatteryType = ({ badgeText = '', title = '', description = '', bg = 'blue.10', }) => {
+    return (_jsxs(Flex, { gap: "base", children: [_jsx(Box, { h: "fit-content", minW: "48px", children: _jsx(CustomBadge, { label: badgeText, bg: bg }) }), _jsxs(Stack, { spacing: "1", children: [_jsx(Text, { fontSize: "sm", fontWeight: "semibold", lineHeight: "1.2", children: title }), _jsx(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "1.2", children: description })] })] }));
+};

package/dist/components/homeAssistant/monitorAlerts/alertDetails/SmokeDetectorExpired.d.ts

@@ -0,0 +1 @@
+export declare const SmokeDetectorExpired: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/alertDetails/SmokeDetectorExpired.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Image, Stack, Text } from '@chakra-ui/react';
+import { CustomDivider } from '../../..';
+import { SmokeDetectroExpiredImage } from '../../../../assets/images';
+export const SmokeDetectorExpired = () => {
+    return (_jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontSize: "sm", fontFamily: "secondary", lineHeight: "1.2", children: t('homeAssistant.alerts.smokeDetectorExpired.description') }), _jsx(CustomDivider, {}), _jsx(Text, { fontWeight: "semibold", children: t('homeAssistant.alerts.smokeDetectorExpired.title') }), _jsxs(Flex, { gap: "base", children: [_jsx(Image, { src: SmokeDetectroExpiredImage, boxSize: "84px" }), _jsxs(Stack, { spacing: "1", children: [_jsx(CheckItem, { text: t('homeAssistant.alerts.smokeDetectorExpired.check1') }), _jsx(CheckItem, { text: t('homeAssistant.alerts.smokeDetectorExpired.check2') }), _jsx(CheckItem, { text: t('homeAssistant.alerts.smokeDetectorExpired.check3') })] })] })] }));
+};
+const CheckItem = ({ text = '' }) => {
+    return (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Box, { boxSize: "6px", borderRadius: "full", bg: "gray.3" }), _jsx(Text, { fontSize: "sm", fontFamily: "secondary", children: text })] }));
+};

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

@@ -0,0 +1,4 @@
+export * from './ChangeAirFilter';
+export * from './CustomDivider';
+export * from './SmokeDetectorBattery';
+export * from './SmokeDetectorExpired';

package/dist/components/homeAssistant/monitorAlerts/alertDetails/index.js

@@ -0,0 +1,4 @@
+export * from './ChangeAirFilter';
+export * from './CustomDivider';
+export * from './SmokeDetectorBattery';
+export * from './SmokeDetectorExpired';

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

@@ -0,0 +1,7 @@
+export * from './alertDetails';
+export * from './AlertHeader';
+export * from './AlertTemplate';
+export * from './AlertTitle';
+export * from './BaseAlertCard';
+export * from './MonitorAlerts';
+export * from './Notifications';

package/dist/components/homeAssistant/monitorAlerts/index.js

@@ -0,0 +1,7 @@
+export * from './alertDetails';
+export * from './AlertHeader';
+export * from './AlertTemplate';
+export * from './AlertTitle';
+export * from './BaseAlertCard';
+export * from './MonitorAlerts';
+export * from './Notifications';

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

@@ -9,7 +9,7 @@ import { useSimpleDynamicForm } from '../../../hooks';
 export const HomeAssistantPanel = ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, }) => {
     const { title } = homeAssistantSteps[currentStep - 1];
     const text = `${t('homeAssistant.details')} ${title.toLowerCase()}:`;
-    const isAppliances = currentStep === 3;
+    const isAppliances = currentStep === 4;
     const { form, updatedFields } = useSimpleDynamicForm({
         fields: currentForm,
     });

package/dist/components/homeBoard/HomeBoard.js

@@ -45,7 +45,7 @@ export const HomeBoard = () => {
                     label: 'Edit Contact',
                     handleClick: () => null,
                 },
-            ], onShare: () => null })),
+            ], 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 })),

package/dist/components/inputs/TextInput.d.ts

@@ -1,2 +1,2 @@
 import { InputI } from '../../interfaces';
-export declare const TextInput: ({ autoCapitalize, autoCorrect, errorMessage, handleChange, hasError, id, isDisabled, placeholder, value, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;
+export declare const TextInput: ({ autoCapitalize, autoCorrect, errorMessage, handleChange, hasError, id, isDisabled, placeholder, value, type, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/TextInput.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormControl, Text, Input, Tooltip } from '@chakra-ui/react';
 export const TextInput = (_a) => {
-    var { autoCapitalize = 'on', autoCorrect = 'on', errorMessage, handleChange, hasError, id, isDisabled, placeholder, value = '' } = _a, props = __rest(_a, ["autoCapitalize", "autoCorrect", "errorMessage", "handleChange", "hasError", "id", "isDisabled", "placeholder", "value"]);
+    var { autoCapitalize = 'on', autoCorrect = 'on', errorMessage, handleChange, hasError, id, isDisabled, placeholder, value = '', type = 'text' } = _a, props = __rest(_a, ["autoCapitalize", "autoCorrect", "errorMessage", "handleChange", "hasError", "id", "isDisabled", "placeholder", "value", "type"]);
     const error = hasError && !isDisabled;
-    return (_jsxs(FormControl, { isInvalid: error, children: [_jsx(Tooltip, { label: placeholder, children: _jsx(Input, Object.assign({}, props, { autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, id: id, placeholder: placeholder, type: "text", value: value, onChange: handleChange, isInvalid: error, isDisabled: isDisabled, _placeholder: { color: 'gray.2' } })) }), error && _jsx(Text, { variant: "error", children: errorMessage })] }));
+    return (_jsxs(FormControl, { isInvalid: error, children: [_jsx(Tooltip, { label: placeholder, children: _jsx(Input, Object.assign({}, props, { autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, id: id, placeholder: placeholder, value: value, type: type, onChange: handleChange, isInvalid: error, isDisabled: isDisabled, _placeholder: { color: 'gray.2' } })) }), error && _jsx(Text, { variant: "error", children: errorMessage })] }));
 };

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

@@ -1,2 +1,2 @@
 import { PartnerFooterI } from '../../interfaces';
-export declare const PartnerFooter: ({ socialLinks, websiteUrl, }: PartnerFooterI) => import("react/jsx-runtime").JSX.Element;
+export declare const PartnerFooter: ({ socialLinks, websiteUrl, urlText, }: PartnerFooterI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/PartnerFooter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, IconButton, Link, Text } from '@chakra-ui/react';
 import { SocialIcons } from '..';
-export const PartnerFooter = ({ socialLinks = [], websiteUrl, }) => {
+export const PartnerFooter = ({ socialLinks = [], websiteUrl, urlText, }) => {
     var _a;
     const hasSocialLinks = (socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks.length) > 0;
     const cleanedWebsiteUrl = (_a = websiteUrl === null || websiteUrl === void 0 ? void 0 : websiteUrl.replace(/(^\w+:)/, '')) === null || _a === void 0 ? void 0 : _a.replace(/\//g, '');
@@ -10,5 +10,5 @@ export const PartnerFooter = ({ socialLinks = [], websiteUrl, }) => {
             return;
         window.open(url, '_blank');
     };
-    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: 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/ShortPartnerTile.d.ts

@@ -1,2 +1,2 @@
 import { ShortPartnerTileI } from '../../interfaces';
-export declare const ShortPartnerTile: ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, }: ShortPartnerTileI) => import("react/jsx-runtime").JSX.Element;
+export declare const ShortPartnerTile: ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, urlText }: ShortPartnerTileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/ShortPartnerTile.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@chakra-ui/react';
 import { Fader, PartnerCallToAction, PartnerFooter, PartnerHeader, PartnerImage, PartnerTileWrapper, } from '..';
-export const ShortPartnerTile = ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, }) => {
+export const ShortPartnerTile = ({ buttonText, description, imageUrl, logo, menuItems, minimized, onClick, socialLinks, partnerName, websiteUrl, urlText }) => {
     const callToAction = { description, buttonText, onClick };
     const header = { logo, menuItems, partnerName };
     const image = { imageUrl, partnerName };
-    const footer = { socialLinks, websiteUrl };
+    const footer = { socialLinks, websiteUrl, urlText };
     return (_jsxs(PartnerTileWrapper, { children: [_jsx(PartnerHeader, Object.assign({}, header)), !minimized && (_jsx(Fader, { children: _jsxs(Flex, { flexDir: "column", h: "400px", justifyContent: "space-between", children: [_jsx(PartnerImage, Object.assign({}, image)), _jsxs(Box, { children: [_jsx(PartnerCallToAction, Object.assign({}, callToAction)), _jsx(PartnerFooter, Object.assign({}, footer))] })] }) }))] }));
 };

package/dist/helpers/homeAssistant/HomeAssistant.helper.js

@@ -1,5 +1,9 @@
 import { Fire, House, LargeAppliances, Target, Temperature, Water, } from '../../assets/images';
 export const homeAssistantSteps = [
+    {
+        title: 'Goals',
+        icon: Target,
+    },
     {
         title: 'Smoke & CO2 detectors',
         icon: Fire,
@@ -20,8 +24,4 @@ export const homeAssistantSteps = [
         title: 'Landscape',
         icon: Water,
     },
-    {
-        title: 'Goals',
-        icon: Target,
-    },
 ];

package/dist/hooks/contacts/index.d.ts

@@ -1 +1,4 @@
 export * from './useContactsContent';
+export * from './useShareContactBy';
+export * from './useShareContactByHomefile';
+export * from './useShareContactsContent';

package/dist/hooks/contacts/index.js

@@ -1 +1,4 @@
 export * from './useContactsContent';
+export * from './useShareContactBy';
+export * from './useShareContactByHomefile';
+export * from './useShareContactsContent';

package/dist/hooks/contacts/useContactsContent.d.ts

@@ -1,7 +1,8 @@
 import { ChangeEvent } from 'react';
 import { InfoContactCardI } from '../../interfaces';
 export declare const useContactsContent: (contacts: InfoContactCardI[]) => {
-    filteredContacts: InfoContactCardI[];
+    contactsWithoutFirstOrLastName: InfoContactCardI[];
     handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
     search: string;
+    splittedContacts: Record<string, InfoContactCardI[]>;
 };