@homefile/components-v2 2.36.2 → 2.36.4

package/dist/components/sendDocument/RecipientHeaderShared.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Image, Text } from '@chakra-ui/react';
-import { ShareWith } from '@/assets/images';
+import { ShareWith } from '../../assets/images';
 export const RecipientHeaderShared = () => {
     return (_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [_jsx(Image, { src: ShareWith, alt: "", w: "auto", h: "22px" }), _jsx(Text, { fontSize: "xs", textTransform: "uppercase", fontWeight: "semibold", children: t('addRecipient.shared') })] }));
 };

package/dist/components/sendDocument/RecipientTab.d.ts

@@ -1,2 +1,2 @@
-import { RecipientTabI } from '@/interfaces';
+import { RecipientTabI } from '../../interfaces';
 export declare const RecipientTab: ({ handleAdd, handleRemove, handleSubmit, hasTitle, isDocument, loading, panelSize, recipients, listPadding, disabled, }: RecipientTabI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sendDocument/RecipientTab.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Center, Flex, IconButton, Stack } from '@chakra-ui/react';
 import { BeatLoader } from 'react-spinners';
-import { RecipientCard, RecipientForm, RecipientDocForm, EditAccountType, RightPanel, Minus, } from '@/components';
-import { isHomeowner } from '@/utils';
-import { useRecipientTab } from '@/hooks';
+import { RecipientCard, RecipientForm, RecipientDocForm, EditAccountType, RightPanel, Minus, } from '../../components';
+import { isHomeowner } from '../../utils';
+import { useRecipientTab } from '../../hooks';
 export const RecipientTab = ({ handleAdd, handleRemove, handleSubmit, hasTitle, isDocument, loading, panelSize = 'md', recipients, listPadding, disabled, }) => {
     const { editingAccountType, handleEdit, handleSubmitFromProxy, isLoadingProxy, isRightOpen, onRightClose, panelSizeProxy, } = useRecipientTab();
     return (_jsxs(Box, { children: [!disabled && (_jsxs(Box, { bg: "lightBlue.1", p: "base", children: [isDocument && (_jsx(RecipientDocForm, { onAdd: (recipient) => handleAdd(recipient), recipients: recipients || [] })), !isDocument && (_jsx(RecipientForm, { onAdd: (recipient) => handleAdd(recipient) }))] })), loading ? (_jsx(Center, { h: "full", pb: "8rem", children: _jsx(BeatLoader, { color: "gray", size: 8 }) })) : (_jsx(Stack, { p: "base", minH: "full", w: "100%", spacing: "base", pb: listPadding, children: recipients === null || recipients === void 0 ? void 0 : recipients.map((recipient, index) => {

package/dist/components/sendDocument/SendCommunication.d.ts

@@ -1,2 +1,2 @@
-import { SendCommunicationI } from '@/interfaces';
+import { SendCommunicationI } from '../../interfaces';
 export declare const SendCommunication: ({ documentList, headerList, isDisabled, }: SendCommunicationI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sendDocument/SendCommunication.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 { ContainerHeader, DocumentMenu, MoreHorizontal, TileTooltip, } from '@/components';
-import { HandPencil } from '@/assets/images';
+import { ContainerHeader, DocumentMenu, MoreHorizontal, TileTooltip, } from '../../components';
+import { HandPencil } from '../../assets/images';
 export const SendCommunication = ({ documentList, headerList, isDisabled = false, }) => {
     return (_jsx(TileTooltip, { label: "documentHome", children: _jsxs(Container, { variant: "launchpad", h: "full", minW: ['full', '20rem'], children: [_jsx(ContainerHeader, { title: t('sendDocument.title'), titleIcon: HandPencil, menuItems: headerList, icon: _jsx(MoreHorizontal, { size: 38 }) }), _jsx(Box, { w: "full", p: "4", children: _jsx(DocumentMenu, { documents: documentList, isDisabled: isDisabled, title: t('sendDocument.btLabel') }) })] }) }));
 };

package/dist/components/sendDocument/ThumbCard.d.ts

@@ -1,2 +1,2 @@
-import { ThumbCardI } from '@/interfaces';
+import { ThumbCardI } from '../../interfaces';
 export declare const ThumbCard: ({ btnLabel, description, editing, handleChange, handleCloseButton, handleImageClick, handleInputDescription, _id, imageUrl, uploaded, uploading, }: ThumbCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sendDocument/ThumbCard.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, Box, CloseButton, Button, Stack, Progress, Image, VisuallyHidden, } from '@chakra-ui/react';
-import { InputOrText } from '@/components';
-import { getImageAltText } from '@/utils';
+import { InputOrText } from '../../components';
+import { getImageAltText } from '../../utils';
 export const ThumbCard = ({ btnLabel, description, editing = false, handleChange, handleCloseButton, handleImageClick, handleInputDescription, _id, imageUrl, uploaded = false, uploading, }) => {
     const showProgress = !uploaded && uploading;
     const alt = getImageAltText(imageUrl);

package/dist/components/sendDocument/Thumbs.d.ts

@@ -1,2 +1,2 @@
-import { ThumbsI } from '@/interfaces';
+import { ThumbsI } from '../../interfaces';
 export declare const Thumbs: ({ file, handleClick, handleDelete, handleDescription, handleEdit, handleEditDescription, handleOpen, handleSaveDescription, index, onOpen, removeFile, uploading, }: ThumbsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sendDocument/Thumbs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Flex } from '@chakra-ui/react';
-import { ThumbCard } from '@/components';
-import { useThumbs } from '@/hooks';
+import { ThumbCard } from '../../components';
+import { useThumbs } from '../../hooks';
 export const Thumbs = ({ file, handleClick, handleDelete, handleDescription, handleEdit, handleEditDescription, handleOpen, handleSaveDescription, index, onOpen, removeFile, uploading, }) => {
     const { _id, btnLabel, description, handleChange, handleCloseButton, handleImageClick, handleInputDescription, imageUrl, name, uploaded, url, } = useThumbs({
         file,

package/dist/components/shareHome/HomeSharedWith.d.ts

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

package/dist/components/shareHome/HomeSharedWith.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Container, Flex, Text } from '@chakra-ui/react';
-import { ShareWith } from '@/assets/images';
-import { ContainerHeader, MoreHorizontal } from '@/components';
+import { ShareWith } from '../../assets/images';
+import { ContainerHeader, MoreHorizontal } from '../../components';
 export const HomeSharedWith = ({ associatedAccounts, handleShowAccounts, }) => {
     return (_jsxs(Container, { variant: "launchpad", h: "fit-content", minW: ['full', '20rem'], children: [_jsx(ContainerHeader, { disabled: true, title: t('shareHome.subtitle'), titleIcon: ShareWith, menuItems: [], icon: _jsx(MoreHorizontal, { size: 38 }) }), _jsx(Box, { p: "base", children: _jsxs(Flex, { align: "center", as: "button", bg: "neutral.white", border: "1px", borderColor: "lightBlue.6", gap: "2", height: "input.md", _hover: {
                         bg: 'lightGreen.1',

package/dist/components/shareHome/RolesHelpModal.d.ts

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

package/dist/components/shareHome/RolesHelpModal.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { BaseStep, BubbleText, InviteRolesStep } from '@/components';
+import { BaseStep, BubbleText, InviteRolesStep } from '../../components';
 export const RolesHelpModal = (props) => {
     return (_jsxs(BaseStep, Object.assign({}, props, { children: [_jsx(BubbleText, { title: t('shareHome.bubbleTitle'), description: t('shareHome.bubbleSubtitle') }), _jsx(InviteRolesStep, {})] })));
 };

package/dist/components/shareHome/ShareHome.d.ts

@@ -1,2 +1,2 @@
-import { ShareHomeI } from '@/interfaces';
+import { ShareHomeI } from '../../interfaces';
 export declare const ShareHome: ({ contacts, handleAdd, loading, menuItems, onEmailSave, }: ShareHomeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/shareHome/ShareHome.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Container, Box } from '@chakra-ui/react';
-import { ContainerHeader, RolesHelpModal, HelpButton, ShareHomeForm, MoreHorizontal, } from '@/components';
-import { ShareHome as ShareHomeIcon } from '@/assets/images';
-import { useShareHome } from '@/hooks';
+import { ContainerHeader, RolesHelpModal, HelpButton, ShareHomeForm, MoreHorizontal, } from '../../components';
+import { ShareHome as ShareHomeIcon } from '../../assets/images';
+import { useShareHome } from '../../hooks';
 export const ShareHome = ({ contacts, handleAdd, loading = false, menuItems = [], onEmailSave, }) => {
     const { handleClose, handleHelpClick, isHelpOpen } = useShareHome();
     const hasMenuItems = (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0;

package/dist/components/sharedHomePanel/ShareHomeAddEmail.d.ts

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

package/dist/components/sharedHomePanel/ShareHomeAddEmail.js

@@ -1,7 +1,7 @@
 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 { BackCircleButton, TextInput } from '@/components';
+import { BackCircleButton, TextInput } from '../../components';
 export const ShareHomeAddEmail = ({ contact, onBack, onChange, }) => {
     const { email, firstName, lastName } = contact;
     const displayName = `${firstName} ${lastName}`.trim();

package/dist/components/sharedHomePanel/ShareHomeAddedContacts.d.ts

@@ -1,2 +1,2 @@
-import { ShareHomeAddedContactsI } from '@/interfaces';
+import { ShareHomeAddedContactsI } from '../../interfaces';
 export declare const ShareHomeAddedContacts: ({ contacts, onAddEmail, onClick, showingText, ...props }: ShareHomeAddedContactsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeAddedContacts.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 { Stack, Box, Text } from '@chakra-ui/react';
-import { ShareHomeContactCard, ShareHomeFilters } from '@/components';
+import { ShareHomeContactCard, ShareHomeFilters } from '../../components';
 export const ShareHomeAddedContacts = (_a) => {
     var { contacts, onAddEmail, onClick, showingText } = _a, props = __rest(_a, ["contacts", "onAddEmail", "onClick", "showingText"]);
     return (_jsxs(Stack, { spacing: "base", px: "base", children: [_jsx(ShareHomeFilters, Object.assign({}, props)), _jsx(Text, { variant: "home", children: showingText }), _jsx(Box, { overflowY: "scroll", h: "200px", children: contacts === null || contacts === void 0 ? void 0 : contacts.map((contact, index) => {

package/dist/components/sharedHomePanel/ShareHomeConnections.d.ts

@@ -1,2 +1,2 @@
-import { ShareHomeConnectionsI } from '@/interfaces';
+import { ShareHomeConnectionsI } from '../../interfaces';
 export declare const ShareHomeConnections: ({ menu, onEdit, recipients, }: ShareHomeConnectionsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeConnections.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Divider, Stack, Text } from '@chakra-ui/react';
-import { RecipientCard, RecipientHeaderShared } from '@/components';
+import { RecipientCard, RecipientHeaderShared } from '../../components';
 export const ShareHomeConnections = ({ menu, onEdit, recipients = [], }) => {
     const recipientsLength = recipients.length;
     const hasRecipients = recipientsLength > 0;

package/dist/components/sharedHomePanel/ShareHomeContactCard.d.ts

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

package/dist/components/sharedHomePanel/ShareHomeContactCard.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Avatar, Flex, Text } from '@chakra-ui/react';
-import { Plus } from '@/components';
-import { randomColor } from '@/utils';
-import { colors } from '@/theme/colors';
+import { Plus } from '../../components';
+import { randomColor } from '../../utils';
+import { colors } from '../../theme/colors';
 export const ShareHomeContactCard = ({ contact, index, onAddEmail, onClick, }) => {
     const { firstName, lastName, email } = contact;
     const name = `${firstName} ${lastName}`.trim();

package/dist/components/sharedHomePanel/ShareHomeContactList.d.ts

@@ -1,2 +1,2 @@
-import { ShareHomeContactListI } from '@/interfaces';
+import { ShareHomeContactListI } from '../../interfaces';
 export declare const ShareHomeContactList: ({ contacts, onChange, onClick, onDone, onSave, selectedContact, }: ShareHomeContactListI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeContactList.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Container, Flex, Text } from '@chakra-ui/react';
-import { FooterButtons, Overlay, ShareHomeAddedContacts, ShareHomeAddEmail, } from '@/components';
-import { useShareHomeContactList } from '@/hooks';
-import { colors } from '@/theme/colors';
+import { FooterButtons, Overlay, ShareHomeAddedContacts, ShareHomeAddEmail, } from '../../components';
+import { useShareHomeContactList } from '../../hooks';
+import { colors } from '../../theme/colors';
 export const ShareHomeContactList = ({ contacts, onChange, onClick, onDone, onSave, selectedContact, }) => {
     const { categories, filteredContacts, handleAddEmail, handleBack, handleFilterByCategory, handleSearch, isAddListSlide, search, } = useShareHomeContactList({ contacts, onClick });
     const text = `${t('showingCounter.showing')} ${contacts === null || contacts === void 0 ? void 0 : contacts.length} ${t('buttons.contacts')}`;

package/dist/components/sharedHomePanel/ShareHomeFilters.d.ts

@@ -1,2 +1,2 @@
-import { ShareHomeFiltersI } from '@/interfaces';
+import { ShareHomeFiltersI } from '../../interfaces';
 export declare const ShareHomeFilters: ({ initialValue, items, search, onChange, onSelect, }: ShareHomeFiltersI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeFilters.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Flex, IconButton, Stack } from '@chakra-ui/react';
-import { Close, Funnel, SearchInput, SelectInput } from '@/components';
+import { Close, Funnel, SearchInput, SelectInput } from '../../components';
 export const ShareHomeFilters = ({ initialValue, items, search, onChange, onSelect, }) => {
     const [open, setOpen] = useState(false);
     const handleClick = () => setOpen(!open);

package/dist/components/sharedHomePanel/ShareHomeForm.d.ts

@@ -1,2 +1,2 @@
-import { ShareHomeFormI } from '@/interfaces';
+import { ShareHomeFormI } from '../../interfaces';
 export declare const ShareHomeForm: ({ contacts, loading, onAdd, onEmailSave, }: ShareHomeFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeForm.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Flex, Button } from '@chakra-ui/react';
-import { TextInput, SelectInputWithBadge, ShareWithButton } from '@/components';
-import { useShareHomeForm } from '@/hooks';
+import { TextInput, SelectInputWithBadge, ShareWithButton } from '../../components';
+import { useShareHomeForm } from '../../hooks';
 import { ShareHomeContactList } from './ShareHomeContactList';
 export const ShareHomeForm = ({ contacts, loading, onAdd, onEmailSave, }) => {
     const { accountTypes, contact, handleChange, handleInputSelect, handleOpen, handleSelectContact, handleSubmit, hasError, open, types, } = useShareHomeForm(onAdd);

package/dist/components/sharedHomePanel/ShareWithButton.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 { Flex, Image } from '@chakra-ui/react';
-import { ChevronDown } from '@/components';
-import { Contacts2 } from '@/assets/images';
+import { ChevronDown } from '../../components';
+import { Contacts2 } from '../../assets/images';
 export const ShareWithButton = (_a) => {
     var props = __rest(_a, []);
     return (_jsxs(Flex, Object.assign({}, props, { as: "button", align: "center", gap: "1", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.6", borderRadius: "sm", h: "input.md", pl: "2", pr: "1", "aria-label": t('buttons.contacts'), minW: "fit-content", transition: "border-color 0.2s", _hover: { borderColor: 'blue.1' }, children: [_jsx(Image, { src: Contacts2, h: "auto", w: "32px" }), _jsx(ChevronDown, { size: 22 })] })));

package/dist/components/sharedHomePanel/SharedHomeHeader.d.ts

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

package/dist/components/sharedHomePanel/SharedHomeHeader.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { t } from 'i18next';
 import { Box, DrawerHeader } from '@chakra-ui/react';
-import { HelpButton, PanelHeader, RolesHelpModal } from '@/components';
-import { PersonMail } from '@/assets/images';
+import { HelpButton, PanelHeader, RolesHelpModal } from '../../components';
+import { PersonMail } from '../../assets/images';
 export const SharedHomeHeader = ({ children, onClose }) => {
     const [showChildren, setShowChildren] = useState(false);
     const handleHelpClick = () => setShowChildren(!showChildren);

package/dist/components/subscription/ActiveSubscription.d.ts

@@ -1,2 +1,2 @@
-import { ActiveSubscriptionI } from '@/interfaces';
+import { ActiveSubscriptionI } from '../../interfaces';
 export declare const ActiveSubscription: ({ availableStorage, homes, nextCharge, onDeleteClick, storageLabel, subscriptionPrice, totalStorage, totalUsed, }: ActiveSubscriptionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/ActiveSubscription.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Stack, Text } from '@chakra-ui/react';
-import { HomesDropdown, Span, StorageCard, SubscriptionRow } from '@/components';
-import { formatCurrency, shortFormatDate } from '@/utils';
+import { HomesDropdown, Span, StorageCard, SubscriptionRow } from '../../components';
+import { formatCurrency, shortFormatDate } from '../../utils';
 export const ActiveSubscription = ({ availableStorage, homes = [], nextCharge, onDeleteClick, storageLabel, subscriptionPrice, totalStorage, totalUsed, }) => {
     const dateFormatted = shortFormatDate({ date: nextCharge });
     return (_jsxs(Box, { p: "base", bg: "lightGreen.1", children: [_jsxs(Stack, { gap: "2", marginBottom: "8", children: [_jsxs(Stack, { children: [_jsx(Text, { variant: "home", textTransform: "uppercase", children: t('subscription.active') }), _jsxs(Text, { fontSize: "lg", children: [t('subscription.title2'), _jsx(Span, { children: ` ${totalStorage}GB ` }), t('subscription.storage')] })] }), _jsxs(Box, { border: "1px solid", borderColor: "lightGray.1", bg: "lightBlue.1", children: [_jsx(StorageCard, { availableStorage: availableStorage, storageLabel: storageLabel, state: "paid", totalStorage: totalStorage, totalUsed: totalUsed }), Boolean(homes[0]) && (_jsx(HomesDropdown, { homes: homes, state: "paid", totalStorage: totalStorage, onDeleteClick: onDeleteClick }))] })] }), _jsxs(Stack, { gap: "2", children: [_jsx(SubscriptionRow, { labelAlign: "left", label: t('subscription.table.subscription'), value: formatCurrency({ value: subscriptionPrice }) }), _jsx(Text, { my: "base", textAlign: "right", fontFamily: "secondary", children: `${t('subscription.nextCharge')} ${dateFormatted}` })] })] }));

package/dist/components/subscription/AlertBanner.d.ts

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

package/dist/components/subscription/AlertBanner.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Button, Flex, Text, Image } from '@chakra-ui/react';
-import { Warning } from '@/assets/images';
-import { getIconAltText } from '@/utils';
+import { Warning } from '../../assets/images';
+import { getIconAltText } from '../../utils';
 export const AlertBanner = ({ buttonLabel, buttonAction }) => {
     const altWarning = getIconAltText(Warning);
     const showCallToAction = Boolean(buttonLabel);

package/dist/components/subscription/DeleteBanner.d.ts

@@ -1,2 +1,2 @@
-import { DeleteBannerI } from '@/interfaces';
+import { DeleteBannerI } from '../../interfaces';
 export declare const DeleteBanner: ({ buttonLabel, buttonAction, beDeleted, }: DeleteBannerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/DeleteBanner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Button, Flex, Image, Text } from '@chakra-ui/react';
-import { AlertDelete } from '@/assets/images';
+import { AlertDelete } from '../../assets/images';
 export const DeleteBanner = ({ buttonLabel = t('subscription.view'), buttonAction, beDeleted, }) => {
     const showCallToAction = Boolean(buttonLabel);
     return (_jsxs(Flex, { bg: "violet.1", minH: "3.5rem", py: "base", px: "4", justify: "space-between", align: "center", gap: "base", children: [_jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Image, { src: AlertDelete, alt: "subscription" }), _jsx(Text, { fontSize: "sm", color: "neutral.white", lineHeight: "1.2", children: showCallToAction ? (`${beDeleted} ${t('subscription.beDeleted')}`) : (`${beDeleted}`) })] }), showCallToAction && (_jsx(Button, { variant: "banner", onClick: buttonAction, children: buttonLabel }))] }));

package/dist/components/subscription/HomeStorage.d.ts

@@ -1,2 +1,2 @@
-import { HomeStorageI } from '@/interfaces';
+import { HomeStorageI } from '../../interfaces';
 export declare const HomeStorage: ({ id, name, onDeleteClick, showDashedLine, state, totalStorage, totalUsed, }: HomeStorageI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/HomeStorage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Flex, Progress, Text } from '@chakra-ui/react';
-import { TrashIcon } from '@/components';
+import { TrashIcon } from '../../components';
 export const HomeStorage = ({ id, name, onDeleteClick, showDashedLine = false, state = 'trial', totalStorage = 1, totalUsed = 0, }) => {
     const progressValue = (totalUsed / totalStorage) * 100;
     const isRunningOut = progressValue >= 80;

package/dist/components/subscription/HomesDropdown.d.ts

@@ -1,2 +1,2 @@
-import { HomesDropdownI } from '@/interfaces';
+import { HomesDropdownI } from '../../interfaces';
 export declare const HomesDropdown: ({ homes, onDeleteClick, state, totalStorage, }: HomesDropdownI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/HomesDropdown.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Accordion, AccordionButton, AccordionItem, AccordionPanel, Box, Flex, Stack, Text, } from '@chakra-ui/react';
-import { ChevronDown, ChevronUp, HomeStorage } from '@/components';
+import { ChevronDown, ChevronUp, HomeStorage } from '../../components';
 export const HomesDropdown = ({ homes, onDeleteClick, state, totalStorage, }) => {
     return (_jsx(Accordion, { allowMultiple: true, children: _jsx(AccordionItem, { border: "none", children: ({ isExpanded }) => (_jsxs(_Fragment, { children: [!isExpanded && (_jsx(AccordionButton, { children: _jsx(Flex, { w: "100%", justify: "center", children: _jsx(ChevronDown, { size: 28 }) }) })), _jsx(AccordionPanel, { children: _jsxs(Stack, { gap: "2", children: [_jsx(Text, { fontSize: "sm", children: t('subscription.activeHomes') }), _jsx(Box, { bg: "neutral.white", children: homes === null || homes === void 0 ? void 0 : homes.map((home, idx) => {
                                         const showLine = idx !== 0;

package/dist/components/subscription/MonthlyCharge.d.ts

@@ -1,2 +1,2 @@
-import { MonthlyChargeI } from '@/interfaces';
+import { MonthlyChargeI } from '../../interfaces';
 export declare const MonthlyCharge: ({ additionalPrice, additionalStorage, monthlyCharge, monthDate, nextCharge, taxPercentage, taxValue, subtotal, }: MonthlyChargeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/MonthlyCharge.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Stack, Text } from '@chakra-ui/react';
-import { SubscriptionTable } from '@/components';
-import { formatMonthYear } from '@/utils';
+import { SubscriptionTable } from '../../components';
+import { formatMonthYear } from '../../utils';
 export const MonthlyCharge = ({ additionalPrice, additionalStorage = 2, monthlyCharge, monthDate, nextCharge, taxPercentage, taxValue, subtotal, }) => {
     const monthDateFormatted = formatMonthYear({
         date: monthDate,

package/dist/components/subscription/PartnerActiveSubscription.d.ts

@@ -1,2 +1,2 @@
-import { PartnerActiveSubscriptionI } from '@/interfaces';
+import { PartnerActiveSubscriptionI } from '../../interfaces';
 export declare const PartnerActiveSubscription: ({ partner, renew, subscriptionPrice, totalStorage, totalUsed, }: PartnerActiveSubscriptionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/PartnerActiveSubscription.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Stack, Text } from '@chakra-ui/react';
-import { Span, StorageCard } from '@/components';
-import { formatCurrency, shortFormatDate } from '@/utils';
+import { Span, StorageCard } from '../../components';
+import { formatCurrency, shortFormatDate } from '../../utils';
 export const PartnerActiveSubscription = ({ partner, renew, subscriptionPrice, totalStorage, totalUsed, }) => {
     const dateFormatted = shortFormatDate({ date: renew });
     const currencyFormatted = formatCurrency({ value: subscriptionPrice });

package/dist/components/subscription/StorageCard.d.ts

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

package/dist/components/subscription/StorageCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Stack, Text, Progress } from '@chakra-ui/react';
-import { progressColor } from '@/helpers';
+import { progressColor } from '../../helpers';
 export const StorageCard = ({ availableStorage, storageLabel = t('subscription.total'), state = 'paid', totalStorage, totalUsed, }) => {
     const progressValue = (totalUsed / totalStorage) * 100;
     return (_jsxs(Stack, { padding: "base", bg: "neutral.white", borderTop: "1px solid", borderColor: "lightBlue.1", children: [_jsxs(Flex, { align: "baseline", justify: "space-between", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: storageLabel }), _jsx(Text, { fontSize: "xs", children: `${totalUsed} GB ${t('subscription.of').toLowerCase()}  ${totalStorage} GB  ${t('subscription.used').toLowerCase()}` })] }), _jsxs(Stack, { pb: availableStorage ? '' : '2', children: [_jsx(Progress, { variant: progressColor[state], size: "md", value: progressValue, height: "18px" }), availableStorage && (_jsx(Text, { textAlign: "right", fontSize: "xxs", children: `${availableStorage} GB ${t('subscription.available')}` }))] })] }));

package/dist/components/subscription/Subscription.d.ts

@@ -1,2 +1,2 @@
-import { SubscriptionI } from '@/interfaces';
+import { SubscriptionI } from '../../interfaces';
 export declare const Subscription: ({ availableStorage, banner, disabled, homes, menuItems, onDeleteClick, title, totalStorage, totalUsed, state, storageLabel, }: SubscriptionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/Subscription.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, MoreHorizontal, StorageCard, TileTooltip, } from '@/components';
-import { LogoSmall } from '@/assets/images';
+import { ContainerHeader, MoreHorizontal, StorageCard, TileTooltip, } from '../../components';
+import { LogoSmall } from '../../assets/images';
 import { HomesDropdown } from './HomesDropdown';
 export const Subscription = ({ availableStorage, banner, disabled = false, homes = [], menuItems = [], onDeleteClick, title = t('subscription.title'), totalStorage, totalUsed, state = 'paid', storageLabel, }) => {
     return (_jsx(TileTooltip, { label: "subscription", children: _jsxs(Stack, { bg: "lightBlue.1", id: "trackStorage", children: [_jsxs(Container, { h: "fit-content", minW: ['full', '20rem'], children: [_jsx(ContainerHeader, { disabled: disabled, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }), iconSize: "26px", title: title, titleIcon: LogoSmall }), banner, _jsx(StorageCard, { availableStorage: availableStorage, state: state, storageLabel: storageLabel, totalStorage: totalStorage, totalUsed: totalUsed })] }), Boolean(homes[0]) && (_jsx(HomesDropdown, { homes: homes, state: state, totalStorage: totalStorage, onDeleteClick: onDeleteClick }))] }) }));

package/dist/components/subscription/SubscriptionCard.d.ts

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

package/dist/components/subscription/SubscriptionCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Container, Flex, Text } from '@chakra-ui/react';
-import { formatCurrency } from '@/utils';
+import { formatCurrency } from '../../utils';
 export const SubscriptionCard = ({ storage, totalCharged, }) => {
     const total = formatCurrency({ value: totalCharged });
     return (_jsx(Box, { bg: "lightBlue.2", p: "base", w: "100%", children: _jsxs(Container, { border: "1px solid", borderColor: "blue.8", p: "base", children: [_jsx(Text, { fontSize: "lg", fontWeight: "bold", color: "blue.2", children: t('subscription.title') }), _jsx(Text, { fontSize: "sm", children: `${storage} ${t('subscription.space')}` }), _jsxs(Flex, { justify: "space-between", children: [_jsx(Box, {}), _jsx(Text, { fontWeight: "medium", children: total })] })] }) }));

package/dist/components/subscription/SubscriptionContent.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerHeader } from '@chakra-ui/react';
-import { Subscription } from '@/assets/images';
-import { PanelHeader, SubscriptionCard, SubscriptionTable } from '@/components';
+import { Subscription } from '../../assets/images';
+import { PanelHeader, SubscriptionCard, SubscriptionTable } from '../../components';
 export const SubscriptionContent = () => {
     return (_jsxs(DrawerContent, { bg: "lightBlue.1", p: "0", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: () => null, icon: Subscription, title: t('subscription.panelTitle') }) }), _jsxs(DrawerBody, { p: "0", children: [_jsx(SubscriptionCard, { storage: 2, totalCharged: 36.0 }), _jsx(Box, { p: "base", children: _jsx(SubscriptionTable, { nextCharge: "01/12/2024", subscriptionPrice: 36, subtotal: 36.0, taxPercentage: 8.5, taxValue: 3.06, totalCharged: 36.0 }) })] })] }));
 };

package/dist/components/subscription/SubscriptionRow.d.ts

@@ -1,2 +1,2 @@
-import { SubscriptionRowI } from '@/interfaces';
+import { SubscriptionRowI } from '../../interfaces';
 export declare const SubscriptionRow: ({ label, labelWeight, labelAlign, value, }: SubscriptionRowI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/SubscriptionTable.d.ts

@@ -1,2 +1,2 @@
-import { SubscriptionTableI } from '@/interfaces';
+import { SubscriptionTableI } from '../../interfaces';
 export declare const SubscriptionTable: ({ nextCharge, subscriptionLabel, subscriptionPrice, subtotal, taxPercentage, taxValue, totalLabel, totalCharged, }: SubscriptionTableI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/SubscriptionTable.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Text } from '@chakra-ui/react';
-import { SubscriptionRow } from '@/components';
-import { formatCurrency, shortFormatDate } from '@/utils';
+import { SubscriptionRow } from '../../components';
+import { formatCurrency, shortFormatDate } from '../../utils';
 export const SubscriptionTable = ({ nextCharge, subscriptionLabel = t('subscription.table.subscription') || '', subscriptionPrice, subtotal, taxPercentage, taxValue = 0, totalLabel = t('subscription.table.total') || '', totalCharged, }) => {
     const hasTax = Boolean(taxPercentage);
     const dateFormatted = shortFormatDate({ date: nextCharge });

package/dist/components/subscription/TrialBanner.d.ts

@@ -1,2 +1,2 @@
-import { TrialBannerI } from '@/interfaces';
+import { TrialBannerI } from '../../interfaces';
 export declare const TrialBanner: ({ buttonLabel, buttonAction, totalDays, currentDay, }: TrialBannerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/toBeDeleted/ImageBox.d.ts

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

package/dist/components/subscription/toBeDeleted/ImageBox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Flex, Image } from '@chakra-ui/react';
-import { BgLogo } from '@/assets/images';
-import { useWindowDimensions } from '@/hooks';
+import { BgLogo } from '../../../assets/images';
+import { useWindowDimensions } from '../../../hooks';
 export const ImageBox = ({ imgURL, isHome = false }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isSmallMobile = width < 414;

package/dist/components/subscription/toBeDeleted/ToBeDeletedBody.d.ts

@@ -1,2 +1,2 @@
-import { ToBeDeletedBodyI } from '@/interfaces';
+import { ToBeDeletedBodyI } from '../../../interfaces';
 export declare const ToBeDeletedBody: ({ homes, items, onHomesSelectedChange, onItemsSelectedChange, onSelectedChange, selectItems, }: ToBeDeletedBodyI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/toBeDeleted/ToBeDeletedBody.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { DrawerBody, Flex, Checkbox, Box, Text } from '@chakra-ui/react';
-import { SelectInput, ToBeDeletedCard } from '@/components';
-import { useToBeDeletedBody } from '@/hooks';
+import { SelectInput, ToBeDeletedCard } from '../../../components';
+import { useToBeDeletedBody } from '../../../hooks';
 export const ToBeDeletedBody = ({ homes = [], items = [], onHomesSelectedChange, onItemsSelectedChange, onSelectedChange = (_) => null, selectItems = [], }) => {
     const hasSelectItems = (selectItems === null || selectItems === void 0 ? void 0 : selectItems.length) > 0;
     const showSelect = homes.length > 0 || items.length > 0;

package/dist/components/subscription/toBeDeleted/ToBeDeletedCard.d.ts

@@ -1,2 +1,2 @@
-import { ToBeDeletedCardI } from '@/interfaces';
+import { ToBeDeletedCardI } from '../../../interfaces';
 export declare const ToBeDeletedCard: ({ brand, deletedAt, details, name, imgURL, title, isSelected, onClick, totalStorage, totalUsed, type, }: ToBeDeletedCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/toBeDeleted/ToBeDeletedCard.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Checkbox, Stack, Box, Text, Progress } from '@chakra-ui/react';
-import { ImageBox, WillBeDeletedBox } from '@/components';
-import { dayAndMonthFormatDate, MOBILE_WIDTH } from '@/utils';
-import { useWindowDimensions } from '@/hooks';
+import { ImageBox, WillBeDeletedBox } from '../../../components';
+import { dayAndMonthFormatDate, MOBILE_WIDTH } from '../../../utils';
+import { useWindowDimensions } from '../../../hooks';
 export const ToBeDeletedCard = ({ brand, deletedAt, details, name, imgURL, title, isSelected, onClick, totalStorage = 0, totalUsed = 0, type, }) => {
     const deleteAtFormatted = dayAndMonthFormatDate({ date: deletedAt });
     const isHome = Boolean(name);

package/dist/components/subscription/toBeDeleted/ToBeDeletedContent.d.ts

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

package/dist/components/subscription/toBeDeleted/ToBeDeletedFooter.d.ts

@@ -1,2 +1,2 @@
-import { ToBeDeletedFooterI } from '@/interfaces';
+import { ToBeDeletedFooterI } from '../../../interfaces';
 export declare const ToBeDeletedFooter: ({ isDeleteDisabled, isUndeleteDisabled, onCloseClick, onDeleteClick, onUndeleteClick, }: ToBeDeletedFooterI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/toBeDeleted/ToBeDeletedFooter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { DrawerFooter } from '@chakra-ui/react';
-import { FooterButtons, FooterDrawer } from '@/components';
+import { FooterButtons, FooterDrawer } from '../../../components';
 export const ToBeDeletedFooter = ({ isDeleteDisabled, isUndeleteDisabled, onCloseClick, onDeleteClick, onUndeleteClick, }) => {
     return (_jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: true, variant: "footerSquare", children: _jsx(FooterButtons, { button1: {
                     buttonStyle: 'secondaryFooter',