@homefile/components-v2 2.36.2 → 2.36.4

package/dist/apis/getAddress.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { locationApi } from '@/apis';
+import { locationApi } from '../apis';
 export const getAddress = (zipCode) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     let city = '';

package/dist/components/addItemWizard/AddItemContainer.d.ts

@@ -1,2 +1,2 @@
-import { AddItemContainerI } from '@/interfaces';
+import { AddItemContainerI } from '../../interfaces';
 export declare const AddItemContainer: ({ children, footerButtons, onClose, }: AddItemContainerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/AddItemContainer.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, } from '@chakra-ui/react';
-import { Wizard } from '@/assets/images';
-import { FooterDrawer, PanelHeader } from '@/components';
+import { Wizard } from '../../assets/images';
+import { FooterDrawer, PanelHeader } from '../../components';
 export const AddItemContainer = ({ children, footerButtons, onClose, }) => {
     return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: t('addItemWizard.title'), icon: Wizard }) }), _jsx(DrawerBody, { p: "0", children: children }), (footerButtons === null || footerButtons === void 0 ? void 0 : footerButtons.length) > 0 && (_jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: true, children: footerButtons }) }))] }));
 };

package/dist/components/addItemWizard/QuickAddItem.d.ts

@@ -1,2 +1,2 @@
-import { QuickAddItemI } from '@/interfaces';
+import { QuickAddItemI } from '../../interfaces';
 export declare const QuickAddItem: ({ categories, handleCategoryChange, handleNameChange, handleRoomChange, nameValue, rooms, onDelete, onEdit, onFilesChange, onUpload, images, uploading, loading, }: QuickAddItemI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/QuickAddItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Stack, Text } from '@chakra-ui/react';
-import { MediaDragDrop, RoomStep, StepHeader } from '@/components';
+import { MediaDragDrop, RoomStep, StepHeader } from '../../components';
 export const QuickAddItem = ({ categories, handleCategoryChange, handleNameChange, handleRoomChange, nameValue, rooms, onDelete, onEdit, onFilesChange, onUpload, images, uploading, loading, }) => {
     const roomStepProps = {
         categories,

package/dist/components/addItemWizard/steps/StepHeader.d.ts

@@ -1,2 +1,2 @@
-import { StepHeaderI } from '@/interfaces';
+import { StepHeaderI } from '../../../interfaces';
 export declare const StepHeader: ({ currentStep, description, steps, }: StepHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/steps/flows/FlowCard.d.ts

@@ -1,2 +1,2 @@
-import { FlowCardI } from '@/interfaces';
+import { FlowCardI } from '../../../../interfaces';
 export declare const FlowCard: ({ description, flagColor, icon, onClick, title, }: FlowCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/steps/flows/FlowCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container, Stack, Flex, Box, Center, Text, Image, } from '@chakra-ui/react';
-import { ChevronRight } from '@/components/icons';
-import { getIconAltText } from '@/utils';
+import { ChevronRight } from '../../../../components/icons';
+import { getIconAltText } from '../../../../utils';
 export const FlowCard = ({ description, flagColor, icon, onClick, title, }) => {
     const iconAlt = getIconAltText(icon);
     return (_jsx(Container, { as: "button", onClick: onClick, transition: "all 0.2s", _hover: { shadow: 'lg' }, maxW: "none", children: _jsxs(Stack, { children: [_jsx(Flex, { align: "center", children: _jsx(Box, { bg: flagColor, overflow: "hidden", px: "4", children: _jsxs(Flex, { w: "9rem", justify: "space-between", align: "center", children: [_jsx(Text, { fontSize: "xs", fontWeight: "bold", color: "neutral.white", textTransform: "uppercase", children: title }), _jsx(Box, { bg: "neutral.white", transform: "rotate(45deg)", h: "24px", w: "24px", position: "relative", right: "-8" })] }) }) }), _jsxs(Flex, { p: "4", align: "center", justify: "space-between", gap: "4", children: [_jsxs(Flex, { gap: "base", align: "center", pb: "2", children: [_jsx(Image, { src: icon, alt: iconAlt, boxSize: "68px" }), _jsx(Text, { textAlign: "left", children: description })] }), _jsx(Center, { h: "40px", minW: "40px", border: "1px solid", borderColor: "blue.2", borderRadius: "full", children: _jsx(ChevronRight, {}) })] })] }) }));

package/dist/components/addItemWizard/steps/flows/FlowStep.d.ts

@@ -1,2 +1,2 @@
-import { FlowStepI } from '@/interfaces';
+import { FlowStepI } from '../../../../interfaces';
 export declare const FlowStep: ({ handleDetailedFlow, handleQuickFlow, handleTurnOffWizard, }: FlowStepI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/steps/flows/FlowStep.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Center, Container, Stack } from '@chakra-ui/react';
-import { FlowCard, FlowStepHeader } from '@/components';
-import { WizardQuick, WizardDetailed } from '@/assets/images';
+import { FlowCard, FlowStepHeader } from '../../../../components';
+import { WizardQuick, WizardDetailed } from '../../../../assets/images';
 export const FlowStep = ({ handleDetailedFlow, handleQuickFlow, handleTurnOffWizard, }) => {
     return (_jsxs(Container, { variant: "secondary", bg: "lightGreen.8", minH: "100%", maxW: "none", pb: "8rem", children: [_jsxs(Stack, { spacing: "8", px: "4", pt: "6", pb: "10", bg: "lightGreen.7", children: [_jsx(FlowStepHeader, {}), _jsxs(Stack, { spacing: "base", children: [_jsx(FlowCard, { description: t('addItemWizard.flowStep.flowQuick'), flagColor: "blue.5", icon: WizardQuick, onClick: handleQuickFlow, title: t('addItemWizard.flowStep.quick') }), _jsx(FlowCard, { description: t('addItemWizard.flowStep.flowDetailed'), flagColor: "green.11", icon: WizardDetailed, onClick: handleDetailedFlow, title: t('addItemWizard.flowStep.detailed') })] })] }), _jsx(Center, { children: _jsx(Box, { as: "button", borderRadius: "full", bg: "lightGreen.9", py: "2", px: "4", fontFamily: "secondary", transition: "all 0.2s", _hover: { bg: 'lightGreen.6' }, onClick: handleTurnOffWizard, position: "relative", top: "-5", children: t('addItemWizard.turnOffButton') }) })] }));
 };

package/dist/components/addItemWizard/steps/mediaDetails/MediaDetailsStep.d.ts

@@ -1,2 +1,2 @@
-import { MediaDetailsStepI } from '@/interfaces';
+import { MediaDetailsStepI } from '../../../../interfaces';
 export declare const MediaDetailsStep: ({ currentStep, detailsComponent, handleDelete, handleEdit, handleFilesChange, handleUpload, images, isQuickFlow, loading, totalSteps, uploading, }: MediaDetailsStepI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/steps/mediaDetails/MediaDetailsStep.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Container } from '@chakra-ui/react';
-import { MediaDragDrop, StepHeader, TabsHeader } from '@/components';
-import { useMediaDetailStep } from '@/hooks';
+import { MediaDragDrop, StepHeader, TabsHeader } from '../../../../components';
+import { useMediaDetailStep } from '../../../../hooks';
 export const MediaDetailsStep = ({ currentStep, detailsComponent, handleDelete, handleEdit, handleFilesChange, handleUpload, images, isQuickFlow, loading, totalSteps, uploading, }) => {
     const { currentDescription, handleCurrentTab, isMobile, step } = useMediaDetailStep({
         currentStep,

package/dist/components/addItemWizard/steps/mediaDetails/MediaDragDrop.d.ts

@@ -1,2 +1,2 @@
-import { MediaDragDropI } from '@/interfaces';
+import { MediaDragDropI } from '../../../../interfaces';
 export declare const MediaDragDrop: ({ accept, align, dropAreaHeight, images, isMobile, maxFiles, onDelete, onEdit, onFilesChange, onUpload, uploading, loading, }: MediaDragDropI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/steps/mediaDetails/MediaDragDrop.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Stack } from '@chakra-ui/react';
-import { MediaPreview, MobileFileUploader, AddMedia } from '@/components';
+import { MediaPreview, MobileFileUploader, AddMedia } from '../../../../components';
 export const MediaDragDrop = ({ accept, align = 'center', dropAreaHeight = 'calc(100vh - 23rem)', images, isMobile, maxFiles, onDelete, onEdit, onFilesChange, onUpload, uploading, loading = false, }) => {
     const hasMedia = images && images.length > 0;
     const isSmallScreen = isMobile;

package/dist/components/addItemWizard/steps/room/RoomStep.d.ts

@@ -1,2 +1,2 @@
-import { RoomStepI } from '@/interfaces';
+import { RoomStepI } from '../../../../interfaces';
 export declare const RoomStep: ({ categories, currentStep, handleCategoryChange, handleNameChange, handleRoomChange, hasHeader, nameValue, rooms, totalSteps, }: RoomStepI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/addItemWizard/steps/room/RoomStep.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Container, Stack } from '@chakra-ui/react';
-import { SelectInput, StepHeader, TextInput } from '@/components';
-import { isEmptyField } from '@/utils';
+import { SelectInput, StepHeader, TextInput } from '../../../../components';
+import { isEmptyField } from '../../../../utils';
 export const RoomStep = ({ categories, currentStep, handleCategoryChange, handleNameChange, handleRoomChange, hasHeader = true, nameValue, rooms, totalSteps, }) => {
     return (_jsxs(Container, { variant: "secondary", bg: "lightBlue.1", minH: "100%", maxW: "none", children: [hasHeader && (_jsx(StepHeader, { currentStep: currentStep, description: t('addItemWizard.roomStep.description'), steps: totalSteps })), _jsxs(Stack, { py: "6", px: "base", bg: "neutral.white", spacing: "6", children: [_jsx(TextInput, { errorMessage: `${t('householdItems.headers.itemName')} ${t('forms.required')}`, hasError: isEmptyField(nameValue), handleChange: handleNameChange, id: "item-name", placeholder: t('addItemWizard.roomStep.namePlaceholder'), value: nameValue }), _jsx(SelectInput, { width: "100%", height: "md", handleClick: handleRoomChange, initialValue: t('addItemWizard.roomStep.selectRoom'), items: rooms }), _jsx(SelectInput, { width: "100%", height: "md", handleClick: handleCategoryChange, initialValue: t('addItemWizard.roomStep.assignCategory'), items: categories })] })] }));
 };

package/dist/components/addItemWizard/steps/wellDone/WellDone.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Button, Container, Stack, Text } from '@chakra-ui/react';
-import { WellDone as WellDoneImage } from '@/assets/images';
+import { WellDone as WellDoneImage } from '../../../../assets/images';
 export const WellDone = ({ onClick }) => {
     return (_jsxs(Container, { variant: "secondary", bg: "lightGreen.2", minH: "100%", children: [_jsxs(Box, { minH: "20rem", w: "100%", backgroundImage: WellDoneImage, backgroundPosition: "center", backgroundRepeat: "no-repeat", backgroundSize: "cover", textAlign: "center", pt: "2rem", children: [_jsx(Text, { variant: "heading", fontWeight: "semibold", children: t('addItemWizard.wellDone.title') }), _jsx(Text, { children: t('addItemWizard.wellDone.text1') })] }), _jsxs(Stack, { spacing: "base", align: "center", pt: "2rem", children: [_jsxs(Box, { textAlign: "center", children: [_jsx(Text, { variant: "heading6", fontWeight: "semibold", children: t('addItemWizard.wellDone.text2') }), _jsx(Text, { fontFamily: "secondary", children: t('addItemWizard.wellDone.text3') })] }), _jsx(Button, { variant: "tertiary", h: "button.xs", px: "4rem", onClick: onClick, children: t('addItemWizard.wellDone.btLabel') })] })] }));
 };

package/dist/components/animations/CloudsAnimation.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-export declare const moveLeftToRightAirplane: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeft: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeftWithFade: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeftWithFade2: import("@emotion/serialize").Keyframes;
-export declare const moveRightToLeftWithFade3: import("@emotion/serialize").Keyframes;
+export declare const moveLeftToRightAirplane: import("@emotion/react").Keyframes;
+export declare const moveRightToLeft: import("@emotion/react").Keyframes;
+export declare const moveRightToLeftWithFade: import("@emotion/react").Keyframes;
+export declare const moveRightToLeftWithFade2: import("@emotion/react").Keyframes;
+export declare const moveRightToLeftWithFade3: import("@emotion/react").Keyframes;
 export declare const CloudsAnimation: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/animations/CloudsAnimation.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useState } from 'react';
-import { Airplane, Cloud1, Cloud2, Cloud3 } from '@/assets/images';
-import { useWindowDimensions } from '@/hooks';
-import { colors } from '@/theme/colors';
-import { getTimeOfDay, getTimeOfDaySeason, } from '@/utils';
+import { Airplane, Cloud1, Cloud2, Cloud3 } from '../../assets/images';
+import { useWindowDimensions } from '../../hooks';
+import { colors } from '../../theme/colors';
+import { getTimeOfDay, getTimeOfDaySeason, } from '../../utils';
 import { Box, Image } from '@chakra-ui/react';
 import { keyframes } from '@emotion/react';
 import { WeatherTrees } from './WeatherTrees';

package/dist/components/animations/WeatherTrees.d.ts

@@ -1,4 +1,4 @@
-import { TimeOfDaySeason } from '@/utils';
+import { TimeOfDaySeason } from '../../utils';
 import { ImageProps } from '@chakra-ui/react';
 export interface WeatherTreesI extends ImageProps {
     timeOfDaySeason: TimeOfDaySeason;

package/dist/components/animations/WeatherTrees.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TreesDay, TreesDayFall, TreesDayWinter, TreesEvening, TreesMorning, TreesNight, } from '@/assets/images';
+import { TreesDay, TreesDayFall, TreesDayWinter, TreesEvening, TreesMorning, TreesNight, } from '../../assets/images';
 import { Image } from '@chakra-ui/react';
 export const WeatherTrees = (_a) => {
     var { timeOfDaySeason } = _a, props = __rest(_a, ["timeOfDaySeason"]);

package/dist/components/appBar/AppBar.d.ts

@@ -1,2 +1,2 @@
-import { AppBarI } from '@/interfaces';
+import { AppBarI } from '../../interfaces';
 export declare const AppBar: ({ children, onLogoClick, user }: AppBarI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/AppBar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@chakra-ui/react';
-import { BarDivider, HomefileLogo, UserProfile } from '@/components';
+import { BarDivider, HomefileLogo, UserProfile } from '../../components';
 export const AppBar = ({ children, onLogoClick, user }) => {
     return (_jsxs(Box, { bg: "neutral.white", px: "base", boxShadow: "md", children: [_jsx(Box, { position: "absolute", top: "30%", left: "40%", h: "10" }), _jsxs(Flex, { h: "container.masthead", justify: "space-between", alignItems: "center", children: [_jsx(HomefileLogo, { onClick: onLogoClick }), _jsxs(Flex, { alignItems: "center", gap: ["2", "base"], children: [children && (_jsxs(_Fragment, { children: [children, _jsx(BarDivider, {})] })), _jsx(UserProfile, Object.assign({}, user))] })] })] }));
 };

package/dist/components/appBar/ContactList.d.ts

@@ -1,2 +1,2 @@
-import { AppBarIconI } from '@/interfaces';
+import { AppBarIconI } from '../../interfaces';
 export declare const ContactList: ({ onClick, total }: AppBarIconI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/ContactList.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Flex, Img, Tooltip } from '@chakra-ui/react';
-import { Contacts2 as Contact } from '@/assets/images';
-import { NumberBadge } from '@/components';
-import { useWindowDimensions } from '@/hooks';
-import { MOBILE_WIDTH } from '@/utils';
+import { Contacts2 as Contact } from '../../assets/images';
+import { NumberBadge } from '../../components';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
 export const ContactList = ({ onClick, total }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/appBar/HomefileLogo.d.ts

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

package/dist/components/appBar/HomefileLogo.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, Image } from '@chakra-ui/react';
-import { LogoSmall, Homefile } from '@/assets/images';
-import { useWindowDimensions } from '@/hooks';
-import { MOBILE_WIDTH } from '@/utils';
+import { LogoSmall, Homefile } from '../../assets/images';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
 export const HomefileLogo = ({ onClick }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/appBar/NotificationsReminder.d.ts

@@ -1,2 +1,2 @@
-import { AppBarIconI } from '@/interfaces';
+import { AppBarIconI } from '../../interfaces';
 export declare const NotificationsReminder: ({ onClick, total }: AppBarIconI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/NotificationsReminder.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Flex, Img, Tooltip } from '@chakra-ui/react';
 import { keyframes } from '@emotion/react';
-import { Speaker } from '@/assets/images';
-import { NumberBadge } from '@/components';
-import { useWindowDimensions } from '@/hooks';
-import { MOBILE_WIDTH } from '@/utils';
+import { Speaker } from '../../assets/images';
+import { NumberBadge } from '../../components';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
 export const NotificationsReminder = ({ onClick, total }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/appBar/PeopleConnected.d.ts

@@ -1,2 +1,2 @@
-import { AppBarIconI } from '@/interfaces';
+import { AppBarIconI } from '../../interfaces';
 export declare const PeopleConnected: ({ onClick, total }: AppBarIconI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/PeopleConnected.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Img, Tooltip } from '@chakra-ui/react';
-import { PersonMail } from '@/assets/images';
-import { NumberBadge } from '@/components';
-import { useWindowDimensions } from '@/hooks';
-import { MOBILE_WIDTH } from '@/utils';
+import { PersonMail } from '../../assets/images';
+import { NumberBadge } from '../../components';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
 export const PeopleConnected = ({ onClick, total }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/appBar/StorageUsed.d.ts

@@ -1,2 +1,2 @@
-import { StorageUsedI } from '@/interfaces';
+import { StorageUsedI } from '../../interfaces';
 export declare const StorageUsed: ({ onClick, totalStorage, state, totalUsed, }: StorageUsedI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/StorageUsed.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Progress, Text, Tooltip } from '@chakra-ui/react';
-import { progressColor } from '@/helpers';
+import { progressColor } from '../../helpers';
 export const StorageUsed = ({ onClick, totalStorage, state, totalUsed, }) => {
     const isTrial = state === 'trial';
     const text = isTrial

package/dist/components/appBar/TourButton.d.ts

@@ -1,2 +1,2 @@
-import { TourButtonI } from '@/interfaces';
+import { TourButtonI } from '../../interfaces';
 export declare const TourButton: ({ label, onClick }: TourButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/TourButton.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Flex, Image } from '@chakra-ui/react';
-import { Flag } from '@/assets/images';
-import { useComponentStyles } from '@/hooks';
-import { homeAssistantProxy } from '@/proxies';
+import { Flag } from '../../assets/images';
+import { useComponentStyles } from '../../hooks';
+import { homeAssistantProxy } from '../../proxies';
 export const TourButton = ({ label, onClick }) => {
     const { setHighlight } = homeAssistantProxy;
     useComponentStyles({});

package/dist/components/appBar/Trash.d.ts

@@ -1,2 +1,2 @@
-import { AppBarIconI } from '@/interfaces';
+import { AppBarIconI } from '../../interfaces';
 export declare const Trash: ({ onClick, total }: AppBarIconI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/Trash.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Tooltip } from '@chakra-ui/react';
-import { NumberBadge, TrashIcon } from '@/components';
-import { colors } from '@/theme/colors';
-import { useWindowDimensions } from '@/hooks';
-import { MOBILE_WIDTH } from '@/utils';
+import { NumberBadge, TrashIcon } from '../../components';
+import { colors } from '../../theme/colors';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
 export const Trash = ({ onClick, total }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/appBar/TutorialsButton.d.ts

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

package/dist/components/appBar/TutorialsButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Tooltip, Button, Image } from '@chakra-ui/react';
-import { NeedHelp } from '@/assets/images';
+import { NeedHelp } from '../../assets/images';
 export const TutorialsButton = ({ onClick }) => {
     return (_jsx(Tooltip, { label: t('tooltips.help'), "data-testid": "tutorials-button", children: _jsx(Button, { id: "feedback", variant: "icon", w: "fit-content", onClick: onClick, children: _jsx(Image, { src: NeedHelp, w: "27px", h: "auto", "aria-label": t('ariaLabels.help') }) }) }));
 };

package/dist/components/appBar/UserProfile.d.ts

@@ -1,2 +1,2 @@
-import { UserProfileI } from '@/interfaces';
+import { UserProfileI } from '../../interfaces';
 export declare const UserProfile: ({ avatarUrl, firstName, userName, menuItems, bg, }: UserProfileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/appBar/UserProfile.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Avatar, Flex, Text } from '@chakra-ui/react';
-import { IconMenu } from '@/components';
-import { useWindowDimensions } from '@/hooks';
-import { MOBILE_WIDTH } from '@/utils';
+import { IconMenu } from '../../components';
+import { useWindowDimensions } from '../../hooks';
+import { MOBILE_WIDTH } from '../../utils';
 export const UserProfile = ({ avatarUrl, firstName, userName, menuItems, bg, }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/badge/LetterBadge.d.ts

@@ -1,2 +1,2 @@
-import { LetterBadgeI } from '@/interfaces';
+import { LetterBadgeI } from '../../interfaces';
 export declare const LetterBadge: ({ bgColor, letter }: LetterBadgeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/NewBadge.d.ts

@@ -1,2 +1,2 @@
-import { NewBadgeI } from "@/interfaces";
+import { NewBadgeI } from "../../interfaces";
 export declare const NewBadge: ({ bg, color }: NewBadgeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/NumberBadge.d.ts

@@ -1,2 +1,2 @@
-import { NumberBadgeI } from '@/interfaces';
+import { NumberBadgeI } from '../../interfaces';
 export declare const NumberBadge: ({ color, bg, px, py, total, ...props }: NumberBadgeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/TextBadge.d.ts

@@ -1,2 +1,2 @@
-import { TextBadgeI } from '@/interfaces';
+import { TextBadgeI } from '../../interfaces';
 export declare const TextBadge: ({ bgColor, showAnimation, text, width, }: TextBadgeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/TextBadge.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Text } from '@chakra-ui/react';
-import { useTextBadge } from '@/hooks';
+import { useTextBadge } from '../../hooks';
 export const TextBadge = ({ bgColor = 'violet.1', showAnimation = true, text = t('badges.new'), width = '2.6rem', }) => {
     const { badgeWidth } = useTextBadge(width);
     return (_jsx(Box, { bg: bgColor, borderRadius: "base", w: showAnimation ? badgeWidth : 'fit-content', py: "0.1rem", px: "0.5rem", _hover: {

package/dist/components/buttons/BackCircleButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Circle, VisuallyHidden } from '@chakra-ui/react';
-import { ArrowLeft } from '@/components';
+import { ArrowLeft } from '../../components';
 export const BackCircleButton = ({ onClick, }) => {
     return (_jsxs(Circle, { "aria-label": t('ariaLabels.return'), size: "36px", bg: "neutral.white", color: "neutral.white", as: "button", onClick: onClick, transition: "all 0.2s ease-in-out", _hover: { boxShadow: 'lg' }, children: [_jsx(VisuallyHidden, { children: t('ariaLabels.return') }), _jsx(ArrowLeft, {})] }));
 };

package/dist/components/buttons/DisplayOptionsButtons.d.ts

@@ -1,2 +1,2 @@
-import { DisplayOptionsButtonsI } from '@/interfaces';
+import { DisplayOptionsButtonsI } from '../../interfaces';
 export declare const DisplayOptionsButtons: ({ displays, initialDisplay, onDisplayClick, }: DisplayOptionsButtonsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/DisplayOptionsButtons.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Flex, Button } from '@chakra-ui/react';
-import { colors } from '@/theme/colors';
-import { DisplayItem, DisplayList, DisplayGrid } from '@/components';
+import { colors } from '../../theme/colors';
+import { DisplayItem, DisplayList, DisplayGrid } from '../../components';
 export const DisplayOptionsButtons = ({ displays = [], initialDisplay, onDisplayClick, }) => {
     const types = displays;
     const [display, setDisplay] = useState(initialDisplay);

package/dist/components/buttons/ForwardCircleButton.d.ts

@@ -1,2 +1,2 @@
-import { CircleButtonI } from '@/interfaces';
+import { CircleButtonI } from '../../interfaces';
 export declare const ForwardCircleButton: ({ disabled, onClick, ...props }: CircleButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/ForwardCircleButton.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { IconButton } from '@chakra-ui/react';
-import { ChevronRight } from '@/components';
+import { ChevronRight } from '../../components';
 export const ForwardCircleButton = (_a) => {
     var { disabled, onClick } = _a, props = __rest(_a, ["disabled", "onClick"]);
     return (_jsx(IconButton, Object.assign({ variant: "menuIcon", "aria-label": t('buttons.forward'), w: "fit-content", h: "fit-content", onClick: onClick, icon: _jsx(ChevronRight, {}), rounded: "full", border: "1px", padding: "1", disabled: disabled }, props)));

package/dist/components/buttons/HelpButton.d.ts

@@ -1,2 +1,2 @@
-import { HelpButtonI } from '@/interfaces';
+import { HelpButtonI } from '../../interfaces';
 export declare const HelpButton: ({ children, onClick }: HelpButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/HelpButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Button, Image } from '@chakra-ui/react';
-import { NeedHelp } from '@/assets/images';
+import { NeedHelp } from '../../assets/images';
 export const HelpButton = ({ children, onClick }) => {
     return (_jsxs(_Fragment, { children: [_jsx(Button, { minW: "fit-content", maxW: "fit-content", variant: "icon", onClick: onClick, "data-testid": "help-button", children: _jsx(Image, { src: NeedHelp, boxSize: "1.8rem", "aria-label": t('help.ariaLabel') }) }), children] }));
 };

package/dist/components/buttons/IconAndText.d.ts

@@ -1,2 +1,2 @@
-import { IconAndTextI } from '@/interfaces';
+import { IconAndTextI } from '../../interfaces';
 export declare const IconAndText: ({ color, icon, title, }: IconAndTextI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/LeftButton.d.ts

@@ -1,2 +1,2 @@
-import { LeftButtonAnimatedI } from '@/interfaces';
+import { LeftButtonAnimatedI } from '../../interfaces';
 export declare const LeftButton: ({ bgColor, onClick, height, label, ...props }: LeftButtonAnimatedI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/LeftButton.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@chakra-ui/react';
-import { Plus } from '@/components';
+import { Plus } from '../../components';
 export const LeftButton = (_a) => {
     var { bgColor = 'green.1', onClick, height = '1.75rem', label } = _a, props = __rest(_a, ["bgColor", "onClick", "height", "label"]);
     return (_jsxs(Button, Object.assign({}, props, { h: height, variant: "leftRounded", bg: bgColor, onClick: onClick, px: "1rem", children: [_jsx(Plus, {}), label] })));

package/dist/components/buttons/LeftButtonAnimated.d.ts

@@ -1,2 +1,2 @@
-import { LeftButtonAnimatedI } from '@/interfaces';
+import { LeftButtonAnimatedI } from '../../interfaces';
 export declare const LeftButtonAnimated: ({ bgColor, onClick, height, label, width, ...props }: LeftButtonAnimatedI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/LeftButtonAnimated.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Button } from '@chakra-ui/react';
-import { Plus } from '@/components';
-import { useLeftButtonAnimated } from '@/hooks';
+import { Plus } from '../../components';
+import { useLeftButtonAnimated } from '../../hooks';
 export const LeftButtonAnimated = (_a) => {
     var { bgColor = 'blue.2', onClick, height = '1.75rem', label, width } = _a, props = __rest(_a, ["bgColor", "onClick", "height", "label", "width"]);
     const { buttonWidth, handleMouseEnter, handleMouseLeave, isCollapsed } = useLeftButtonAnimated({ label, width });

package/dist/components/buttons/PreviousCircleButton.d.ts

@@ -1,2 +1,2 @@
-import { CircleButtonI } from '@/interfaces';
+import { CircleButtonI } from '../../interfaces';
 export declare const PreviousCircleButton: ({ disabled, onClick }: CircleButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/PreviousCircleButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { IconButton } from '@chakra-ui/react';
-import { ChevronLeft } from '@/components';
+import { ChevronLeft } from '../../components';
 export const PreviousCircleButton = ({ disabled, onClick }) => {
     return (_jsx(IconButton, { variant: "menuIcon", "aria-label": t('buttons.previous'), w: "fit-content", h: "fit-content", onClick: onClick, icon: _jsx(ChevronLeft, {}), p: "1", rounded: "full", border: "1px", disabled: disabled }));
 };

package/dist/components/buttons/YesNoSwitch.d.ts

@@ -1,2 +1,2 @@
-import { YesNoSwitchI } from '@/interfaces';
+import { YesNoSwitchI } from '../../interfaces';
 export declare const YesNoSwitch: ({ value, onChange }: YesNoSwitchI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactCard.d.ts

@@ -1,2 +1,2 @@
-import { ContactCardI } from '@/interfaces';
+import { ContactCardI } from '../../interfaces';
 export declare const ContactCard: ({ apiError, contact, index, menuItems, onClick, showAvatar, showHeader, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Container, Flex, Stack } from '@chakra-ui/react';
-import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, } from '@/components';
-import { colors } from '@/theme/colors';
+import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, } from '../../components';
+import { colors } from '../../theme/colors';
 export const ContactCard = ({ apiError, contact, index, menuItems, onClick, showAvatar, showHeader = true, }) => {
     const hasOnClick = typeof onClick === 'function';
     return (_jsxs(Box, { position: "relative", w: "100%", children: [_jsx(Container, { maxW: "none", textAlign: "start", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(Object.assign(Object.assign({}, contact), { index })), transition: "background-color 0.3s", _hover: {

package/dist/components/contacts/ContactCardAddress.d.ts

@@ -1,2 +1,2 @@
-import { ContactCardAddressI } from '@/interfaces';
+import { ContactCardAddressI } from '../../interfaces';
 export declare const ContactCardAddress: ({ address, city, company, state, zip, }: ContactCardAddressI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/contacts/ContactCardHeader.d.ts

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

package/dist/components/contacts/ContactCardHeader.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Image, Text } from '@chakra-ui/react';
-import { Contacts } from '@/assets/images';
-import { IconMenu, MoreHorizontal } from '@/components';
+import { Contacts } from '../../assets/images';
+import { IconMenu, MoreHorizontal } from '../../components';
 export const ContactCardHeader = ({ contact, menuItems = [], }) => {
     var _a;
     const { category, title } = contact;