npm - @homefile/components-v2 - Versions diffs - 2.13.0 → 2.14.0 - Mend

@homefile/components-v2 2.13.0 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2078) hide show

package/dist/components/sharedHomePanel/ShareWithButton.js CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
+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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
+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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
+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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '../..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '../..';
-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 '../..';
+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',

package/dist/components/subscription/toBeDeleted/ToBeDeletedHeader.d.ts CHANGED Viewed

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

package/dist/components/subscription/toBeDeleted/ToBeDeletedHeader.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { DrawerHeader } from '@chakra-ui/react';
-import { AlertDeletePurple } from '../../../assets/images';
-import { PanelHeader, DeleteBanner } from '../..';
+import { AlertDeletePurple } from '@/assets/images';
+import { PanelHeader, DeleteBanner } from '@/components';
 export const ToBeDeletedHeader = ({ bannerText, onClose, title, }) => {
     return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, title: `${title} ${t('subscription.beDeletedTitle')}`, icon: AlertDeletePurple }), bannerText && _jsx(DeleteBanner, { beDeleted: bannerText, buttonLabel: "" })] }));
 };

package/dist/components/tour/Bubble.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { BubbleI } from '../../interfaces';
+import { BubbleI } from '@/interfaces';
 export declare const Bubble: ({ counter, handleClose, handleStep, position, setCounter, steps, width, }: BubbleI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/Bubble.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { BubbleHead, BubbleOverlay, BubbleFooter, BubbleArrow, } from '..';
-import { useBubble } from '../../hooks';
+import { BubbleHead, BubbleOverlay, BubbleFooter, BubbleArrow, } from '@/components';
+import { useBubble } from '@/hooks';
 export const Bubble = ({ counter = 0, handleClose, handleStep, position = 'fixed', setCounter = () => { }, steps, width = 'fit-content', }) => {
     const { currentStep, handleNext, handlePosition, handlePrev, stepsOrder } = useBubble({ counter, handleStep, setCounter, steps });
     const hasMoreSteps = stepsOrder.length > 1;

package/dist/components/tour/BubbleArrow.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { BubbleArrowI } from '../../interfaces';
+import { BubbleArrowI } from '@/interfaces';
 export declare const BubbleArrow: ({ arrowBottom, arrowLeft, arrowRight, arrowTop, }: BubbleArrowI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/BubbleArrow.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Image } from '@chakra-ui/react';
-import { Arrow } from '../../assets/images';
-import { ArrowLocationMap, arrowSize } from '../../helpers';
+import { Arrow } from '@/assets/images';
+import { ArrowLocationMap, arrowSize } from '@/helpers';
 export const BubbleArrow = ({ arrowBottom = undefined, arrowLeft = undefined, arrowRight = undefined, arrowTop = undefined, }) => {
     const { posX: posXBottom, posY: posYBottom, rotation: rotationBottom, } = ArrowLocationMap[arrowBottom !== null && arrowBottom !== void 0 ? arrowBottom : 'bottom'];
     const { posX: posXLeft, posY: posYLeft, rotation: rotationLeft, } = ArrowLocationMap[arrowLeft !== null && arrowLeft !== void 0 ? arrowLeft : 'left'];

package/dist/components/tour/BubbleFooter.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { BubbleFooterI } from '../../interfaces';
+import { BubbleFooterI } from '@/interfaces';
 export declare const BubbleFooter: ({ currentStep, handleNext, handlePrevious, totalSteps, }: BubbleFooterI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/BubbleFooter.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, chakra, Text } from '@chakra-ui/react';
-import { ForwardCircleButton, PreviousCircleButton } from '..';
+import { ForwardCircleButton, PreviousCircleButton } from '@/components';
 export const BubbleFooter = ({ currentStep, handleNext, handlePrevious, totalSteps, }) => {
     return (_jsxs(Flex, { gap: "base", align: "center", mt: "8", px: "base", pb: "base", children: [_jsx(PreviousCircleButton, { disabled: currentStep === 1, onClick: handlePrevious }), _jsx(ForwardCircleButton, { onClick: handleNext, disabled: currentStep === totalSteps }), _jsxs(Text, { children: [_jsx(chakra.span, { fontWeight: "bold", children: currentStep }), ` of ${totalSteps}`] })] }));
 };

package/dist/components/tour/BubbleHead.d.ts CHANGED Viewed

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

package/dist/components/tour/BubbleHead.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, IconButton, Image } from '@chakra-ui/react';
-import { Close } from '..';
-import { Help } from '../../assets/images';
+import { Close } from '@/components';
+import { Help } from '@/assets/images';
 export const BubbleHead = ({ onClose }) => {
     return (_jsxs(Flex, { justify: "space-between", align: "start", borderTopRadius: "md", px: "base", pt: "base", children: [_jsx(Image, { src: Help, alt: "", maxW: "20px", maxH: "20px" }), _jsx(IconButton, { variant: "menuIcon", mr: "0", mt: "0", "aria-label": t('myHomes.newHome.btAria'), maxW: "fit-content", onClick: onClose, icon: _jsx(Close, {}) })] }));
 };

package/dist/components/tour/BubbleOverlay.d.ts CHANGED Viewed

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

package/dist/components/tour/BubbleOverlay.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { useWindowDimensions } from '../../hooks';
+import { useWindowDimensions } from '@/hooks';
 export const BubbleOverlay = ({ bg = '#000000b3', onClick, }) => {
     const { windowDimensions: { width, height }, } = useWindowDimensions();
     return (_jsx(Box, { bg: bg, w: width, h: height, zIndex: "overlay", position: "fixed", top: "0", left: "0", onClick: onClick }));

package/dist/components/tour/BubbleText.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { BubbleTextI } from '../../interfaces';
+import { BubbleTextI } from '@/interfaces';
 export declare const BubbleText: ({ description, title, width, }: BubbleTextI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/HomeBoardTour.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { TourI } from '../../interfaces';
+import { TourI } from '@/interfaces';
 export declare const HomeBoardTour: ({ currentStep, bubbleWidth, handleClose, handleStep, meetStepUrl, isActive, }: TourI) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tour/HomeBoardTour.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { t } from 'i18next';
-import { Bubble, BubbleText, MeetStep } from '..';
-import { useComponentCoordinates, useComponentStyles, useWindowDimensions, } from '../../hooks';
-import { appBarHeight, arrowSize, distanceFromEdgeArrowToBorder, firstBubbleHeight, firstBubbleWidth, getDistanceFromArrow, getMiddleAnchorPosition, getXPosition, getYPosition, } from '../../utils';
+import { Bubble, BubbleText, MeetStep } from '@/components';
+import { useComponentCoordinates, useComponentStyles, useWindowDimensions, } from '@/hooks';
+import { appBarHeight, arrowSize, distanceFromEdgeArrowToBorder, firstBubbleHeight, firstBubbleWidth, getDistanceFromArrow, getMiddleAnchorPosition, getXPosition, getYPosition, } from '@/utils';
 export const HomeBoardTour = ({ currentStep = 'homeboard', bubbleWidth = '300px', handleClose, handleStep, meetStepUrl, isActive = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const [counter, setCounter] = useState(0);

package/dist/components/tour/LaunchpadTour.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { TourI } from '../../interfaces';
+import { TourI } from '@/interfaces';
 export declare const LaunchpadTour: ({ currentStep, handleStep, handleClose, meetStepUrl, isActive, }: TourI) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tour/LaunchpadTour.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { t } from 'i18next';
-import { Bubble, BubbleText, HelpIconStep, MeetStep } from '..';
-import { useComponentCoordinates, useComponentStyles, useWindowDimensions, } from '../../hooks';
-import { appBarHeight, getDistanceFromArrow, getMiddleAnchorPosition, getXPosition, getYPosition, firstBubbleHeight, firstBubbleWidth, } from '../../utils';
+import { Bubble, BubbleText, HelpIconStep, MeetStep } from '@/components';
+import { useComponentCoordinates, useComponentStyles, useWindowDimensions, } from '@/hooks';
+import { appBarHeight, getDistanceFromArrow, getMiddleAnchorPosition, getXPosition, getYPosition, firstBubbleHeight, firstBubbleWidth, } from '@/utils';
 export const LaunchpadTour = ({ currentStep = 'launchpad', handleStep, handleClose, meetStepUrl, isActive = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     const [counter, setCounter] = useState(0);

package/dist/components/tour/RoomsBoardTour.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { TourI } from '../../interfaces';
+import { TourI } from '@/interfaces';
 export declare const RoomsBoardTour: ({ currentStep, handleClose, handleStep, meetStepUrl, isActive, }: TourI) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tour/RoomsBoardTour.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { t } from 'i18next';
-import { Bubble, BubbleText, MeetStep } from '..';
-import { useComponentCoordinates, useComponentStyles, useWindowDimensions, } from '../../hooks';
-import { getMiddleAnchorPosition, firstBubbleWidth, firstBubbleHeight, } from '../../utils';
+import { Bubble, BubbleText, MeetStep } from '@/components';
+import { useComponentCoordinates, useComponentStyles, useWindowDimensions, } from '@/hooks';
+import { getMiddleAnchorPosition, firstBubbleWidth, firstBubbleHeight, } from '@/utils';
 export const RoomsBoardTour = ({ currentStep = 'addRooms', handleClose, handleStep, meetStepUrl, isActive = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const [counter, setCounter] = useState(0);

package/dist/components/tour/steps/AccountTypeRow.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, chakra, Flex, Stack, Text } from '@chakra-ui/react';
-import { LetterBadge } from '../..';
-import { homeRoles } from '../../../helpers';
+import { LetterBadge } from '@/components';
+import { homeRoles } from '@/helpers';
 const TypeContent = ({ description, type }) => {
     var _a;
     const letter = type[0];

package/dist/components/tour/steps/BaseStep.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { BaseStepI } from '../../../interfaces';
+import { BaseStepI } from '@/interfaces';
 import { PropsWithChildren } from 'react';
 export declare const BaseStep: ({ arrowBottom, arrowLeft, arrowRight, arrowTop, children, left, onClose, right, top, width: containerWidth, }: PropsWithChildren<BaseStepI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/steps/BaseStep.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { BubbleArrow, BubbleHead } from '../..';
-import { useWindowDimensions } from '../../../hooks';
-import { MOBILE_WIDTH } from '../../../utils';
+import { BubbleArrow, BubbleHead } from '@/components';
+import { useWindowDimensions } from '@/hooks';
+import { MOBILE_WIDTH } from '@/utils';
 export const BaseStep = ({ arrowBottom, arrowLeft, arrowRight, arrowTop, children, left, onClose, right, top, width: containerWidth = '380px', }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;

package/dist/components/tour/steps/HelpIconStep.d.ts CHANGED Viewed

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

package/dist/components/tour/steps/HelpIconStep.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Stack, Button, Box } from '@chakra-ui/react';
-import { BubbleText } from '../..';
+import { BubbleText } from '@/components';
 export const HelpIconStep = ({ handleClose }) => {
     return (_jsxs(Stack, { spacing: "base", children: [_jsx(BubbleText, { title: t('tour.steps.helpIcon.title'), description: t('tour.steps.helpIcon.description') }), _jsx(Box, { px: "base", children: _jsx(Button, { variant: "secondary", onClick: handleClose, children: "Ok" }) })] }));
 };

package/dist/components/tour/steps/InviteRolesStep.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Stack } from '@chakra-ui/react';
-import { BubbleText, AccountTypeRow } from '../..';
+import { BubbleText, AccountTypeRow } from '@/components';
 export const InviteRolesStep = () => {
     return (_jsxs(Stack, { spacing: "base", children: [_jsx(BubbleText, { title: t('tour.steps.inviteRoles.title') }), _jsx(AccountTypeRow, {})] }));
 };

package/dist/components/tour/steps/MeetStep.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { MeetStepI } from '../../../interfaces';
+import { MeetStepI } from '@/interfaces';
 export declare const MeetStep: ({ description, nextButtonLabel, onClick, onSkip, title, tutorialUrl, }: MeetStepI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/steps/MeetStep.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from 'react';
 import { t } from 'i18next';
 import { Box, Button, Stack, Text, Tooltip } from '@chakra-ui/react';
-import { VideoPlayerModal, MeetStepNextButton, MeetStepWrapper, VideoPlayerTrigger, } from '../..';
+import { VideoPlayerModal, MeetStepNextButton, MeetStepWrapper, VideoPlayerTrigger, } from '@/components';
 export const MeetStep = ({ description, nextButtonLabel, onClick, onSkip, title, tutorialUrl, }) => {
     const [open, setOpen] = useState(false);
     return (_jsxs(_Fragment, { children: [open && (_jsx(VideoPlayerModal, { title: title, url: tutorialUrl, onClose: () => setOpen(!open) })), _jsx(MeetStepWrapper, { onClose: onSkip, children: _jsxs(Stack, { spacing: "6", p: "10", position: "relative", children: [_jsx(Text, { fontSize: "36px", lineHeight: "1", textAlign: "center", zIndex: "2", children: title }), _jsx(Text, { variant: "info", textAlign: "center", zIndex: "2", px: "10", children: description }), _jsxs(Stack, { spacing: "base", children: [_jsx(Tooltip, { label: t('tour.clickToPlay'), placement: "top", children: _jsx(Box, { children: _jsx(VideoPlayerTrigger, { url: tutorialUrl, ratio: 16 / 9, onPlay: () => setOpen(true) }) }) }), _jsx(MeetStepNextButton, { nextButtonLabel: nextButtonLabel, onClick: onClick })] }), _jsx(Button, { variant: "text", onClick: onSkip, alignSelf: "center", children: t('buttons.skip') }), _jsx(Text, { variant: "home", w: "80%", children: t('tour.steps.meet.footer') })] }) })] }));

package/dist/components/tour/steps/MeetStepNextButton.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { MeetStepI } from '../../../interfaces';
+import { MeetStepI } from '@/interfaces';
 export declare const MeetStepNextButton: ({ nextButtonLabel, onClick, }: Pick<MeetStepI, "nextButtonLabel" | "onClick">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tour/steps/MeetStepNextButton.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Container, Flex, Center, Image, Text, chakra } from '@chakra-ui/react';
-import { Help } from '../../../assets/images';
-import { ChevronRight } from '../..';
-import { getImageAltText } from '../../../utils';
+import { Help } from '@/assets/images';
+import { ChevronRight } from '@/components';
+import { getImageAltText } from '@/utils';
 import { t } from 'i18next';
 export const MeetStepNextButton = ({ nextButtonLabel, onClick, }) => {
     const iconAlt = getImageAltText(Help);