@homefile/components-v2 2.34.1 → 2.34.3

package/dist/components/icons/MoreHorizontal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const MoreHorizontal = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z" }) }));
 };

package/dist/components/icons/OpenVideo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const OpenVideo = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", children: _jsx("g", { id: "Group_20622", "data-name": "Group 20622", transform: "translate(2556.332 -521.567)", children: _jsxs("g", { id: "Group_20621", "data-name": "Group 20621", transform: "translate(-2556 522)", children: [_jsxs("g", { id: "Rectangle_24563", "data-name": "Rectangle 24563", transform: "translate(-0.332 3.567)", fill: "none", stroke: stroke, strokeWidth: "1", children: [_jsx("rect", { width: "16", height: "16", rx: "3", stroke: "none" }), _jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "2.5", fill: "none" })] }), _jsx("rect", { id: "Rectangle_24565", "data-name": "Rectangle 24565", width: "13", height: "9", rx: "2", transform: "translate(5.668 -0.433)", fill: stroke }), _jsxs("g", { id: "Group_20620", "data-name": "Group 20620", transform: "translate(2.749 16.344) rotate(-90)", children: [_jsx("line", { id: "Line_2836", "data-name": "Line 2836", x2: "4.784", y2: "4.784", transform: "translate(0 0)", fill: "none", stroke: stroke, strokeWidth: "1" }), _jsx("path", { id: "Path_10673", "data-name": "Path 10673", d: "M4.5,0V4.506H0", transform: "translate(0.681 0.759)", fill: "none", stroke: stroke, strokeWidth: "1" })] })] }) }) }));
 };

package/dist/components/icons/Plus.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const Plus = ({ stroke = colors.neutral.white, size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }) }));
 };

package/dist/components/icons/SearchIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const SearchIcon = ({ stroke = colors.neutral.white, size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }) }));
 };

package/dist/components/icons/ShareIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const ShareIcon = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 19.5 21.5", children: _jsxs("g", { id: "Icon_feather-share-2", "data-name": "Icon feather-share-2", transform: "translate(-3.75 -2.25)", children: [_jsx("path", { id: "Path_14156", "data-name": "Path 14156", d: "M28.5,6a3,3,0,1,1-3-3,3,3,0,0,1,3,3Z", transform: "translate(-6 0)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14157", "data-name": "Path 14157", d: "M10.5,16.5a3,3,0,1,1-3-3A3,3,0,0,1,10.5,16.5Z", transform: "translate(0 -3.5)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14158", "data-name": "Path 14158", d: "M28.5,27a3,3,0,1,1-3-3A3,3,0,0,1,28.5,27Z", transform: "translate(-6 -7)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14159", "data-name": "Path 14159", d: "M12.885,20.265l6.83,3.98", transform: "translate(-2.795 -5.755)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14160", "data-name": "Path 14160", d: "M19.7,9.765l-6.82,3.98", transform: "translate(-2.795 -2.255)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
 };

package/dist/components/icons/Star.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const Star = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 26.096 24.818", children: _jsx("path", { id: "Path_11062", "data-name": "Path 11062", d: "M13.047,0,9.016,8.17,0,9.48l6.524,6.359-1.54,8.979,8.064-4.239,8.064,4.239-1.54-8.979L26.1,9.48,17.079,8.17Z", transform: "translate(0 0)", fill: stroke }) }));
 };

package/dist/components/icons/TikTok.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const TikTok = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 51 51", children: [_jsx("defs", { children: _jsx("clipPath", { id: "clip-path", children: _jsx("rect", { width: "51", height: "51", transform: "translate(0 0.31)", fill: "none" }) }) }), _jsx("g", { transform: "translate(0 -0.31)", children: _jsx("g", { clipPath: "url(#clip-path)", children: _jsx("path", { d: "M45.087,0H6.223A6.223,6.223,0,0,0,0,6.223V45.087A6.223,6.223,0,0,0,6.223,51.31H45.087a6.223,6.223,0,0,0,6.223-6.223V6.223A6.223,6.223,0,0,0,45.087,0M42.1,22.46a15.391,15.391,0,0,1-9.2-3.054V33.273a11.85,11.85,0,1,1-9.855-12.258l-.061,7.028a5.369,5.369,0,1,0,3.526,5.34V6.762h6.184s-.183,8.43,9.407,9.346Z", fill: stroke }) }) })] }));
 };

package/dist/components/icons/Trash.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const TrashIcon = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" }) }));
 };

package/dist/components/icons/Twitter.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const Twitter = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: _jsxs("g", { id: "Group_19600", "data-name": "Group 19600", transform: "translate(-304.12 -528.25)", children: [_jsx("g", { id: "Icon_feather-instagram", "data-name": "Icon feather-instagram", transform: "translate(304.87 529)", children: _jsx("path", { id: "Path_8969", "data-name": "Path 8969", d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }), _jsx("path", { id: "Icon_awesome-twitter", "data-name": "Icon awesome-twitter", d: "M9.277,5.474c.007.092.007.184.007.276a5.988,5.988,0,0,1-6.03,6.03A5.989,5.989,0,0,1,0,10.828a4.384,4.384,0,0,0,.512.026,4.244,4.244,0,0,0,2.631-.905,2.123,2.123,0,0,1-1.981-1.47,2.672,2.672,0,0,0,.4.033,2.241,2.241,0,0,0,.558-.072A2.12,2.12,0,0,1,.42,6.36V6.333a2.134,2.134,0,0,0,.958.269A2.122,2.122,0,0,1,.722,3.768a6.024,6.024,0,0,0,4.37,2.218A2.392,2.392,0,0,1,5.039,5.5,2.121,2.121,0,0,1,8.707,4.05a4.172,4.172,0,0,0,1.345-.512A2.114,2.114,0,0,1,9.12,4.706a4.248,4.248,0,0,0,1.22-.328,4.556,4.556,0,0,1-1.063,1.1Z", transform: "translate(310.286 532.498)", fill: stroke })] }) }));
 };

package/dist/components/icons/Upload.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@chakra-ui/react';
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const Upload = ({ stroke = colors.blue[6], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.878 19.878", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", "data-name": "Icon feather-upload", children: [_jsx("path", { d: "M18.878 12.919v3.973a1.986 1.986 0 0 1-1.986 1.986H2.986A1.986 1.986 0 0 1 1 16.892v-3.973", "data-name": "Path 10078" }), _jsx("path", { d: "M14.905 5.966 9.939 1 4.973 5.966", "data-name": "Path 10079" }), _jsx("path", { d: "M9.939 1v11.919", "data-name": "Path 10080" })] }) }) }));
 };

package/dist/components/icons/Youtube.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '../../theme/colors';
+import { colors } from '@/theme/colors';
 export const Youtube = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: _jsxs("g", { transform: "translate(-331.12 -528.25)", children: [_jsx("g", { transform: "translate(331.87 529)", children: _jsx("path", { d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), _jsx("path", { d: "M14.625,19.753l6.183-3.516L14.625,12.72Z", transform: "translate(324.783 522.882)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })] }) }));
 };

package/dist/components/inboxTile/InboxCard.d.ts

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

package/dist/components/inboxTile/InboxCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { AspectRatio, Flex, Image, Text } from '@chakra-ui/react';
-import { TextBadge } from '..';
+import { TextBadge } from '@/components';
 export const InboxCard = ({ box, onClick }) => {
     const { image, name, newMessages = 0, totalMessages, id } = box;
     const hasNewMessages = newMessages > 0;

package/dist/components/inboxTile/InboxForwardBanner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { AspectRatio, Flex, Text, Image, chakra } from '@chakra-ui/react';
-import { IA } from '../../assets/images';
+import { IA } from '@/assets/images';
 export const InboxForwardBanner = () => {
     return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", id: "forwardReceipts", children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1.2", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com" }), t('inbox.forwardTo2')] })] }));
 };

package/dist/components/inboxTile/InboxTile.d.ts

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

package/dist/components/inboxTile/InboxTile.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 { ContainerHeader, InboxCard, MoreHorizontal, TileTooltip, } from '..';
-import { Inbox } from '../../assets/images';
+import { ContainerHeader, InboxCard, MoreHorizontal, TileTooltip, } from '@/components';
+import { Inbox } from '@/assets/images';
 export const InboxTile = ({ banner, boxes, menuItems, onClick, }) => {
     var _a;
     return (_jsx(TileTooltip, { label: "inbox", children: _jsx(Container, { variant: "launchpad", h: "full", position: "relative", m: "0", children: _jsxs(Stack, { spacing: "2px", children: [_jsx(ContainerHeader, { menuItems: menuItems, title: (_a = t('partner.tiles.inbox')) !== null && _a !== void 0 ? _a : '', icon: _jsx(MoreHorizontal, { size: 38 }), titleIcon: Inbox }), banner, boxes.map((box) => (_jsx(InboxCard, { box: box, onClick: onClick }, box.name)))] }) }) }));

package/dist/components/inboxTile/panel/MessageCard.d.ts

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

package/dist/components/inboxTile/panel/MessageCard.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Avatar, Box, Center, chakra, Container, Divider, Flex, Stack, Text, } from '@chakra-ui/react';
-import { ChatBubble } from '../../../assets/images';
-import { TextBadge } from '../..';
-import { formatDateWithAt } from '../../../utils';
+import { ChatBubble } from '@/assets/images';
+import { TextBadge } from '@/components';
+import { formatDateWithAt } from '@/utils';
 export const MessageCard = ({ message, onClick, variant = 'inbox', }) => {
     const { currentUser, from, subject, date, isNew, chatReplies, description = '', } = message;
     const formattedDate = formatDateWithAt({ date });

package/dist/components/inboxTile/panel/MessageChatPanel.d.ts

@@ -1,4 +1,4 @@
-import { MessageChatPanelI } from '../../../interfaces';
+import { MessageChatPanelI } from '@/interfaces';
 import 'react-quill-new/dist/quill.snow.css';
-import '../../../styles/quill.css';
+import '@/styles/quill.css';
 export declare const MessageChatPanel: ({ message, onBack, onClose, onReply, }: MessageChatPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessageChatPanel.js

@@ -3,10 +3,10 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, Stack, Text, } from '@chakra-ui/react';
 import QuillEditor from 'react-quill-new';
-import { Document2 } from '../../../assets/images';
-import { BackCircleButton, FooterButtons, MessageCard, PanelHeader, up, WrapperWithShadow, } from '../..';
+import { Document2 } from '@/assets/images';
+import { BackCircleButton, FooterButtons, MessageCard, PanelHeader, up, WrapperWithShadow, } from '@/components';
 import 'react-quill-new/dist/quill.snow.css';
-import '../../../styles/quill.css';
+import '@/styles/quill.css';
 export const MessageChatPanel = ({ message, onBack, onClose, onReply, }) => {
     var _a, _b;
     const [value, setValue] = useState('');

package/dist/components/inboxTile/panel/MessagePanel.d.ts

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

package/dist/components/inboxTile/panel/MessagePanel.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerHeader, Stack, } from '@chakra-ui/react';
-import { Inbox } from '../../../assets/images';
-import { BaseCounter, MessageCard, PanelHeader, SelectInput, } from '../..';
-import { useMessagePanel } from '../../../hooks';
-import { pluralize } from '../../../utils';
+import { Inbox } from '@/assets/images';
+import { BaseCounter, MessageCard, PanelHeader, SelectInput, } from '@/components';
+import { useMessagePanel } from '@/hooks';
+import { pluralize } from '@/utils';
 export const MessagePanel = ({ messages, onClick, onClose }) => {
     const { currentSort, sortedMessages, handleSelectItem, items } = useMessagePanel(messages);
     const baseCounterText = `${t('counter.showing')} ${sortedMessages.length} ${t('counter.of')} ${messages.length} ${pluralize(sortedMessages.length, t('inbox.message').toLowerCase())} `;

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

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { ControlledInputI } from '../../interfaces';
+import { ControlledInputI } from '@/interfaces';
 export declare const ControlledInput: FC<ControlledInputI>;

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

@@ -1,4 +1,4 @@
 import 'react-datepicker/dist/react-datepicker.css';
-import '../../styles/calendar.css';
-import { DatePickerI } from '../../interfaces';
+import '@/styles/calendar.css';
+import { DatePickerI } from '@/interfaces';
 export declare const DatePicker: ({ onChange, placeholder, label, showCalendarIcon, value, width, }: DatePickerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/DatePicker.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import DatePickerComponent from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import '../../styles/calendar.css';
+import '@/styles/calendar.css';
 import { Flex, IconButton, Input } from '@chakra-ui/react';
-import { Calendar as CalendarIcon, LabeledField } from '..';
-import { colors } from '../../theme/colors';
-import { extractDayMonthYear, joinDayMonthYear } from '../../utils';
+import { Calendar as CalendarIcon, LabeledField } from '@/components';
+import { colors } from '@/theme/colors';
+import { extractDayMonthYear, joinDayMonthYear } from '@/utils';
 export const DatePicker = ({ onChange, placeholder, label, showCalendarIcon, value, width = '290px', }) => {
     const formatedValue = extractDayMonthYear(value);
     const [day, setDay] = useState(formatedValue

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

@@ -1,5 +1,5 @@
 import 'react-datepicker/dist/react-datepicker.css';
-import '../../styles/calendar.css';
+import '@/styles/calendar.css';
 export declare const DateRangePicker: ({ handleClick, }: {
     handleClick: (date: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/DateRangePicker.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import '../../styles/calendar.css';
+import '@/styles/calendar.css';
 import { Flex, Input } from '@chakra-ui/react';
-import { Calendar as CalendarIcon } from '..';
+import { Calendar as CalendarIcon } from '@/components';
 export const DateRangePicker = ({ handleClick, }) => {
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);

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

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

package/dist/components/inputs/EditFileUploader.js

@@ -13,8 +13,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef } from 'react';
 import { t } from 'i18next';
 import { IconButton, Tooltip } from '@chakra-ui/react';
-import { Edit } from '..';
-import { colors } from '../../theme/colors';
+import { Edit } from '@/components';
+import { colors } from '@/theme/colors';
 export const EditFileUploader = (_a) => {
     var { handleInputChange } = _a, props = __rest(_a, ["handleInputChange"]);
     const hiddenFileInput = useRef(null);

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

@@ -1,2 +1,2 @@
-import { ItemSubTypeSelectI } from '../../interfaces';
+import { ItemSubTypeSelectI } from '@/interfaces';
 export declare const ItemSubTypeSelect: ({ onSelectSubType, subTypes, initialSubType, label, }: ItemSubTypeSelectI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/ItemSubTypeSelect.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex, Text } from '@chakra-ui/react';
-import { SelectInput } from '..';
+import { SelectInput } from '@/components';
 export const ItemSubTypeSelect = ({ onSelectSubType, subTypes, initialSubType, label, }) => {
     return (_jsx(Box, { bg: "lightBlue.1", py: "1rem", px: "base", children: initialSubType && (_jsxs(Flex, { alignItems: "center", gap: "base", children: [label && _jsx(Text, { flexShrink: 0, children: label }), _jsx(SelectInput, { handleClick: onSelectSubType, initialValue: initialSubType.name, items: subTypes })] })) }));
 };

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

@@ -1,2 +1,2 @@
-import { EditFileUploaderI } from '../../interfaces';
+import { EditFileUploaderI } from '@/interfaces';
 export declare const MobileFileUploader: ({ handleInputChange, multiple, ...props }: EditFileUploaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/MobileFileUploader.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef } from 'react';
 import { t } from 'i18next';
 import { IconButton } from '@chakra-ui/react';
-import { Camera } from '..';
+import { Camera } from '@/components';
 export const MobileFileUploader = (_a) => {
     var { handleInputChange, multiple = true } = _a, props = __rest(_a, ["handleInputChange", "multiple"]);
     const hiddenFileInput = useRef(null);

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

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

package/dist/components/inputs/PasswordInput.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 { useState } from 'react';
 import { InputGroup, Input, InputRightElement, IconButton, FormControl, Text, } from '@chakra-ui/react';
-import { Eye, EyeOff } from '..';
+import { Eye, EyeOff } from '@/components';
 export const PasswordInput = (_a) => {
     var { errorMessage, id, handleChange, hasError, placeholder, value = '' } = _a, props = __rest(_a, ["errorMessage", "id", "handleChange", "hasError", "placeholder", "value"]);
     const [show, setShow] = useState(false);

package/dist/components/inputs/RadioCard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex, useRadio } from '@chakra-ui/react';
-import { isSafari } from '../../utils';
+import { isSafari } from '@/utils';
 export const RadioCard = (props) => {
     const { getInputProps, getRadioProps } = useRadio(props);
     const input = getInputProps();

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

@@ -1,2 +1,2 @@
-import { SearchInputI } from '../../interfaces';
+import { SearchInputI } from '@/interfaces';
 export declare const SearchInput: ({ maxW, onChange, placeholder, size, value, ...props }: SearchInputI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/SearchInput.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 { InputGroup, Input, InputLeftElement } from '@chakra-ui/react';
-import { SearchIcon } from '..';
-import { colors } from '../../theme/colors';
+import { SearchIcon } from '@/components';
+import { colors } from '@/theme/colors';
 export const SearchInput = (_a) => {
     var { maxW = '16rem', onChange, placeholder = t('forms.search'), size = 'md', value } = _a, props = __rest(_a, ["maxW", "onChange", "placeholder", "size", "value"]);
     return (_jsxs(InputGroup, { size: size, maxW: maxW, children: [_jsx(InputLeftElement, { children: _jsx(SearchIcon, { size: 26, stroke: colors.gray[3] }) }), _jsx(Input, Object.assign({ variant: "filled", bg: "lightBlue.2", placeholder: placeholder, value: value, onChange: onChange, pl: "2.5rem" }, props))] }));

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

@@ -1,2 +1,2 @@
-import { SelectButtonI } from '../../interfaces';
+import { SelectButtonI } from '@/interfaces';
 export declare const SelectButton: ({ height, isDisabled, variant, width, selectedValue, }: SelectButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/SelectButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuButton, Flex, Text } from '@chakra-ui/react';
-import { textVariants, iconVariants, commonStyles, homeRoles } from '../../helpers';
-import { ChevronDown } from '..';
+import { textVariants, iconVariants, commonStyles, homeRoles } from '@/helpers';
+import { ChevronDown } from '@/components';
 export const SelectButton = ({ height = 'sm', isDisabled, variant = 'primary', width = '10rem', selectedValue, }) => {
     var _a, _b;
     const type = selectedValue.toLowerCase();

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

@@ -1,2 +1,2 @@
-import { SelectI } from '../../interfaces';
+import { SelectI } from '@/interfaces';
 export declare const SelectInput: ({ filterValue, handleClick, handleFilter, hasFilter, height, initialValue, isDisabled, items, label, variant, width, }: SelectI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/SelectInput.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { t } from 'i18next';
 import { Menu, Text, Input, InputGroup, InputRightElement, Box, } from '@chakra-ui/react';
-import { textOptionVariants } from '../../helpers';
-import { LabeledField, SearchIcon, SelectButton, SelectItem, SelectList, } from '..';
-import { colors } from '../../theme/colors';
+import { textOptionVariants } from '@/helpers';
+import { LabeledField, SearchIcon, SelectButton, SelectItem, SelectList, } from '@/components';
+import { colors } from '@/theme/colors';
 export const SelectInput = ({ filterValue = '', handleClick, handleFilter = () => null, hasFilter, height = 'sm', initialValue = 'All', isDisabled, items, label, variant = 'primary', width = '10rem', }) => {
     const [selectedValue, setSelectedValue] = useState(initialValue);
     useEffect(() => {

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

@@ -1,2 +1,2 @@
-import { SelectI } from '../../interfaces';
+import { SelectI } from '@/interfaces';
 export declare const SelectInputWithBadge: ({ handleClick, height, initialValue, isDisabled, items, width, displaySelectedValue, }: SelectI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/SelectInputWithBadge.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from 'react';
 import { Box, Flex, Menu, MenuButton, MenuItem, MenuList, useSize, } from '@chakra-ui/react';
-import { ChevronDown, SelectTextDisplay } from '..';
+import { ChevronDown, SelectTextDisplay } from '@/components';
 export const SelectInputWithBadge = ({ handleClick, height = 'md', initialValue, isDisabled, items, width = '10rem', displaySelectedValue = false, }) => {
     const [selectedValue, setSelectedValue] = useState(initialValue !== null && initialValue !== void 0 ? initialValue : 'All');
     const isLargeWidth = width < '100px';

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

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

package/dist/components/inputs/SelectTextDisplay.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, chakra } from '@chakra-ui/react';
-import { homeRoles } from '../../helpers';
+import { homeRoles } from '@/helpers';
 export const SelectTextDisplay = ({ displaySelectedValue = true, value, }) => {
     var _a, _b;
     const bg = (_b = (_a = homeRoles[value.toLowerCase()]) === null || _a === void 0 ? void 0 : _a.bg) !== null && _b !== void 0 ? _b : 'transparent';

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

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

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

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

package/dist/components/inputs/TextInput.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 { FormControl, Text, Input } from '@chakra-ui/react';
-import { LabeledField } from '..';
+import { LabeledField } from '@/components';
 export const TextInput = (_a) => {
     var { autoCapitalize = 'on', autoCorrect = 'on', errorMessage, handleChange, hasError, id, isDisabled, label, placeholder, value = '', type = 'text' } = _a, props = __rest(_a, ["autoCapitalize", "autoCorrect", "errorMessage", "handleChange", "hasError", "id", "isDisabled", "label", "placeholder", "value", "type"]);
     const error = hasError && !isDisabled;

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

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { UncontrolledInputI } from '../../interfaces';
+import { UncontrolledInputI } from '@/interfaces';
 export declare const UncontrolledInput: FC<UncontrolledInputI>;

package/dist/components/launchpad/Header.d.ts

@@ -1,3 +1,3 @@
-import { HeaderI } from '../../interfaces';
+import { HeaderI } from '@/interfaces';
 export declare const HeaderWithView: ({ firstName, handleViews }: HeaderI) => import("react/jsx-runtime").JSX.Element;
 export declare const Header: ({ firstName }: HeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/launchpad/Header.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Text, Stack, Button } from '@chakra-ui/react';
-import { Plus } from '..';
-import { colors } from '../../theme/colors';
+import { Plus } from '@/components';
+import { colors } from '@/theme/colors';
 export const HeaderWithView = ({ firstName, handleViews }) => {
     return (_jsxs(Flex, { justifyContent: "space-between", align: "center", gap: "2", pl: "4", py: "2", children: [_jsxs(Stack, { direction: ['column', 'row'], spacing: "2", children: [_jsx(Text, { variant: "title", as: "b", children: `${t('welcome.greeting2')} ${firstName},` }), _jsx(Text, { variant: "title", children: t('welcome.launchpad') })] }), _jsx(Button, { onClick: handleViews, leftIcon: _jsx(Plus, { size: 26, stroke: colors.blue[3] }), variant: "leftRounded", size: "md", children: t('launchpad.viewsBT') })] }));
 };

package/dist/components/launchpad/IconMenu.d.ts

@@ -1,2 +1,2 @@
-import { IconMenuI } from '../../interfaces';
+import { IconMenuI } from '@/interfaces';
 export declare const IconMenu: ({ disabled, icon, itemForm, menuItems, onClick, variant, width, zIndex, }: IconMenuI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/launchpad/IconMenu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuButton, IconButton, Menu, MenuItem, MenuList, Box, } from '@chakra-ui/react';
-import { ChevronDown, Overlay } from '..';
+import { ChevronDown, Overlay } from '@/components';
 export const IconMenu = ({ disabled = false, icon = _jsx(ChevronDown, {}), itemForm, menuItems, onClick, variant = 'menuIcon', width = 'fit-content', zIndex = '999', }) => {
     return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Box, { children: icon }), variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick, "data-testid": "icon-menu" }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { "data-testid": label, onClick: (e) => {
                                 e.stopPropagation();

package/dist/components/launchpad/Launchpad.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Flex, Stack } from '@chakra-ui/react';
-import { Header, LeftPanel, RightPanel, AddHomeContent, CreateDocumentContent, LaunchpadTour, MyHomes, Subscription, AppBarComponent, LaunchpadReceiptAutofiler, } from '..';
-import { HomeCards, MenuItems, MyHomeMenuItems } from '../../helpers';
-import { useLaunchpad } from '../../hooks';
-import { videoMock } from '../../mocks';
+import { Header, LeftPanel, RightPanel, AddHomeContent, CreateDocumentContent, LaunchpadTour, MyHomes, Subscription, AppBarComponent, LaunchpadReceiptAutofiler, } from '@/components';
+import { HomeCards, MenuItems, MyHomeMenuItems } from '@/helpers';
+import { useLaunchpad } from '@/hooks';
+import { videoMock } from '@/mocks';
 export const Launchpad = () => {
     const { activeTour, currentStep, firstName, handleCardClick, handleClose, handleStep, homes, isLeftOpen, isRightOpen, onLeftClose, onLeftOpen, onRightClose, setActiveTour, showOverlay, } = useLaunchpad();
     return (_jsxs(_Fragment, { children: [_jsxs(Box, { w: "full", children: [_jsx(LeftPanel, { children: _jsx(AddHomeContent, { handleSkipClick: onLeftClose, userFirstName: firstName, handleCreateHomeClick: onLeftClose, isFirstHome: false }), isOpen: isLeftOpen, onClose: onLeftClose, overlay: showOverlay }), _jsx(RightPanel, { children: _jsx(CreateDocumentContent, { handleDateRange: homes.handleDateRange, handleSelectHome: homes.handleSelectHome, homes: homes.homes, initialHome: homes.initialHome, onCloseButton: onRightClose }), isOpen: isRightOpen, onClose: onRightClose, size: "lg" }), _jsx(AppBarComponent, { setActiveTour: setActiveTour }), _jsxs(Box, { children: [_jsx(Header, { firstName: firstName }), _jsxs(Flex, { direction: ['column-reverse', 'row'], gap: "base", w: "full", px: [0, 'base'], children: [_jsx(Box, { w: "full", children: _jsx(MyHomes, { handleFilterClick: (_) => null, cardList: HomeCards, cardMenuItems: MenuItems, handleCardClick: handleCardClick, handleNewHomeClick: onLeftOpen, headerMenuItems: MyHomeMenuItems, addImage: () => null, loading: false, loadingId: "", handleLoadMore: () => null, showLoadMore: false, loadMoreDisabled: false }) }), _jsxs(Stack, { spacing: "base", children: [_jsx(Subscription, { availableStorage: 8, state: "paid", totalStorage: 10, totalUsed: 2 }), _jsx(LaunchpadReceiptAutofiler, { onClick: () => { }, totalReceipts: 5, totalTitle: "To be assigned" })] })] })] })] }), _jsx(LaunchpadTour, { currentStep: currentStep, handleStep: handleStep, handleClose: handleClose, meetStepUrl: videoMock, isActive: activeTour })] }));

package/dist/components/launchpad/LeftPanel.d.ts

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

package/dist/components/launchpad/LeftPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Panel } from '..';
+import { Panel } from '@/components';
 export const LeftPanel = (props) => {
     return _jsx(Panel, Object.assign({}, props, { placement: "left" }));
 };

package/dist/components/launchpad/Panel.d.ts

@@ -1,2 +1,2 @@
-import { PanelI } from '../../interfaces';
+import { PanelI } from '@/interfaces';
 export declare const Panel: ({ children, isOpen, onClose, overlay, placement, size, ...props }: PanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/launchpad/Panel.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 { Drawer, DrawerOverlay } from '@chakra-ui/react';
-import { useWindowDimensions } from '../../hooks';
-import { MOBILE_WIDTH } from '../../utils';
+import { useWindowDimensions } from '@/hooks';
+import { MOBILE_WIDTH } from '@/utils';
 export const Panel = (_a) => {
     var { children, isOpen, onClose, overlay = true, placement = 'right', size = 'md' } = _a, props = __rest(_a, ["children", "isOpen", "onClose", "overlay", "placement", "size"]);
     const { windowDimensions: { width }, } = useWindowDimensions();

package/dist/components/launchpad/RightPanel.d.ts

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

package/dist/components/launchpad/RightPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Panel } from '..';
+import { Panel } from '@/components';
 export const RightPanel = (props) => {
     return _jsx(Panel, Object.assign({}, props, { placement: "right" }));
 };

package/dist/components/loaders/Loading.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Center } from "@chakra-ui/react";
 import { BeatLoader } from "react-spinners";
-import { Overlay } from "..";
+import { Overlay } from "@/components";
 export const Loading = () => {
     return (_jsxs(Center, { position: "absolute", w: "100%", h: "100%", zIndex: 3, children: [_jsx(Overlay, { position: "absolute", w: "inherit", h: "inherit", showOverlay: true }), _jsx(BeatLoader, { color: "gray", size: 8 })] }));
 };

package/dist/components/myHomes/AddHomeContent.d.ts

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