Restructuring

src/views/Styles.scss

@@ -1,20 +1,14 @@
+@import './shared/Shared';
 @import './auth/AuthView';
 @import './avatar-editor/AvatarEditorView';
-@import './avatar-image/AvatarImage';
-@import './badge-image/BadgeImage';
 @import './catalog/CatalogView';
-@import './catalog-icon/CatalogIconView';
-@import './currency-icon/CurrencyIcon';
 @import './friend-list/FriendListView';
-@import './furni-image/FurniImageView';
 @import './hotel-view/HotelView';
 @import './inventory/InventoryView';
-@import './limited-edition/LimitedEdition';
 @import './loading/LoadingView';
 @import './main/MainView';
 @import './navigator/NavigatorView';
 @import './notification-center/NotificationCenterView';
-@import './pet-image/PetImage';
 @import './purse/PurseView';
 @import './right-side/RightSideView';
 @import './room/RoomView';

src/views/catalog/views/catalog-icon/CatalogIconView.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { GetConfiguration } from '../../utils/GetConfiguration';
+import { GetConfiguration } from '../../../../utils/GetConfiguration';
 import { CatalogIconViewProps } from './CatalogIconView.types';
 
 export const CatalogIconView: FC<CatalogIconViewProps> = props =>

src/views/catalog/views/navigation/item/CatalogNavigationItemView.tsx

@@ -1,8 +1,8 @@
 import { FC, useCallback, useEffect, useState } from 'react';
 import { GetCatalogPageComposer } from '../../../../../api/catalog/GetCatalogPageComposer';
 import { SendMessageHook } from '../../../../../hooks/messages/message-event';
-import { CatalogIconView } from '../../../../catalog-icon/CatalogIconView';
 import { CatalogMode } from '../../../CatalogView.types';
+import { CatalogIconView } from '../../catalog-icon/CatalogIconView';
 import { CatalogNavigationSetView } from '../set/CatalogNavigationSetView';
 import { CatalogNavigationItemViewProps } from './CatalogNavigationItemView.types';
 

src/views/catalog/views/page/header/CatalogPageHeaderView.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { CatalogIconView } from '../../../../catalog-icon/CatalogIconView';
 import { useCatalogContext } from '../../../context/CatalogContext';
+import { CatalogIconView } from '../../catalog-icon/CatalogIconView';
 import { CatalogPageHeaderViewProps } from './CatalogPageHeaderView.types';
 
 export const CatalogPageHeaderView: FC<CatalogPageHeaderViewProps> = props =>

src/views/catalog/views/page/layout/default/CatalogLayoutDefaultView.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { LimitedEditionCompletePlateView } from '../../../../../limited-edition/complete-plate/LimitedEditionCompletePlateView';
+import { LimitedEditionCompletePlateView } from '../../../../../shared/limited-edition/complete-plate/LimitedEditionCompletePlateView';
 import { RoomPreviewerView } from '../../../../../room-previewer/RoomPreviewerView';
 import { useCatalogContext } from '../../../../context/CatalogContext';
 import { GetCatalogPageImage, GetCatalogPageText, GetOfferName } from '../../../../utils/CatalogUtilities';
@@ -21,7 +21,7 @@ export const CatalogLayoutDefaultView: FC<CatalogLayoutDefaultViewProps> = props
                 <CatalogPageOffersView offers={ pageParser.offers } />
             </div>
             { !product &&
-                <div className="position-relative d-flex flex-column col-5 justify-content-center align-items-center">
+                <div className="position-relative d-flex flex-column col-5 justify-content-center align-items-center overflow-hidden">
                     <div className="d-block mb-2">
                         <img alt="" src={ GetCatalogPageImage(pageParser, 1) } />
                     </div>

src/views/catalog/views/page/layout/pets/CatalogLayoutPetView.tsx

@@ -3,8 +3,8 @@ import { FC, useEffect, useMemo, useState } from 'react';
 import { GetProductDataForLocalization } from '../../../../../../api/nitro/session/GetProductDataForLocalization';
 import { SendMessageHook } from '../../../../../../hooks/messages/message-event';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { PetImageView } from '../../../../../pet-image/PetImageView';
 import { RoomPreviewerView } from '../../../../../room-previewer/RoomPreviewerView';
+import { PetImageView } from '../../../../../shared/pet-image/PetImageView';
 import { useCatalogContext } from '../../../../context/CatalogContext';
 import { CatalogActions } from '../../../../reducers/CatalogReducer';
 import { GetCatalogPageImage, GetCatalogPageText, GetPetAvailableColors, GetPetIndexFromLocalization } from '../../../../utils/CatalogUtilities';

src/views/catalog/views/page/layout/pets/purchase/CatalogLayoutPetPurchaseView.tsx

@@ -4,7 +4,7 @@ import { CatalogEvent } from '../../../../../../../events';
 import { useUiEvent } from '../../../../../../../hooks/events/ui/ui-event';
 import { SendMessageHook } from '../../../../../../../hooks/messages/message-event';
 import { LocalizeText } from '../../../../../../../utils/LocalizeText';
-import { CurrencyIcon } from '../../../../../../currency-icon/CurrencyIcon';
+import { CurrencyIcon } from '../../../../../../shared/currency-icon/CurrencyIcon';
 import { CatalogPurchaseButtonView } from '../../../purchase/purchase-button/CatalogPurchaseButtonView';
 import { CatalogPetNameApprovalView } from '../name-approval/CatalogPetNameApprovalView';
 import { CatalogLayoutPetPurchaseViewProps } from './CatalogLayoutPetPurchaseView.types';

src/views/catalog/views/page/layout/vip-buy/CatalogLayoutVipBuyView.tsx

@@ -2,7 +2,7 @@ import { CatalogClubOfferData, CatalogRequestVipOffersComposer } from 'nitro-ren
 import { FC, useCallback, useEffect, useMemo } from 'react';
 import { SendMessageHook } from '../../../../../../hooks/messages/message-event';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { CurrencyIcon } from '../../../../../currency-icon/CurrencyIcon';
+import { CurrencyIcon } from '../../../../../shared/currency-icon/CurrencyIcon';
 import { useCatalogContext } from '../../../../context/CatalogContext';
 import { GetCatalogPageImage } from '../../../../utils/CatalogUtilities';
 import { CatalogLayoutVipBuyViewProps } from './CatalogLayoutVipBuyView.types';

src/views/catalog/views/page/product/CatalogProductView.tsx

@@ -2,8 +2,8 @@ import { FurnitureType } from 'nitro-renderer';
 import { FC, useMemo } from 'react';
 import { GetRoomEngine, GetSessionDataManager } from '../../../../../api';
 import { GetConfiguration } from '../../../../../utils/GetConfiguration';
-import { AvatarImageView } from '../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../shared/avatar-image/AvatarImageView';
-import { LimitedEditionStyledNumberView } from '../../../../limited-edition/styled-number/LimitedEditionStyledNumberView';
+import { LimitedEditionStyledNumberView } from '../../../../shared/limited-edition/styled-number/LimitedEditionStyledNumberView';
 import { ProductTypeEnum } from '../../../enums/ProductTypeEnum';
 import { CatalogProductViewProps } from './CatalogProductView.types';
 

src/views/catalog/views/page/purchase/CatalogPurchaseView.tsx

@@ -1,6 +1,6 @@
 import { FC, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
-import { CurrencyIcon } from '../../../../currency-icon/CurrencyIcon';
+import { CurrencyIcon } from '../../../../shared/currency-icon/CurrencyIcon';
 import { CatalogPurchaseViewProps } from './CatalogPurchaseView.types';
 import { CatalogPurchaseButtonView } from './purchase-button/CatalogPurchaseButtonView';
 

src/views/catalog/views/page/search-result/CatalogLayoutSearchResultView.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { LimitedEditionCompletePlateView } from '../../../../limited-edition/complete-plate/LimitedEditionCompletePlateView';
 import { RoomPreviewerView } from '../../../../room-previewer/RoomPreviewerView';
+import { LimitedEditionCompletePlateView } from '../../../../shared/limited-edition/complete-plate/LimitedEditionCompletePlateView';
 import { useCatalogContext } from '../../../context/CatalogContext';
 import { GetOfferName } from '../../../utils/CatalogUtilities';
 import { CatalogPurchaseView } from '../purchase/CatalogPurchaseView';

src/views/friend-list/FriendListMessageHandler.tsx

@@ -1,10 +1,10 @@
 import { FriendListFragmentEvent, GetFriendRequestsComposer, MessengerInitEvent } from 'nitro-renderer';
 import { FC, useCallback } from 'react';
 import { CreateMessageHook, SendMessageHook } from '../../hooks/messages/message-event';
+import { MessengerSettings } from './common/MessengerSettings';
 import { useFriendListContext } from './context/FriendListContext';
 import { FriendListMessageHandlerProps } from './FriendListMessageHandler.types';
 import { FriendListActions } from './reducers/FriendListReducer';
-import { MessengerSettings } from './utils/MessengerSettings';
 
 export const FriendListMessageHandler: FC<FriendListMessageHandlerProps> = props =>
 {

src/views/friend-list/reducers/FriendListReducer.tsx

@@ -1,7 +1,7 @@
 import { FriendParser } from 'nitro-renderer';
 import { Reducer } from 'react';
 import { MessengerFriend } from '../common/MessengerFriend';
-import { MessengerSettings } from '../utils/MessengerSettings';
+import { MessengerSettings } from '../common/MessengerSettings';
 
 export interface IFriendListState
 {

src/views/inventory/views/badge/InventoryBadgeView.tsx

@@ -3,7 +3,7 @@ import { FC, useEffect } from 'react';
 import { SendMessageHook } from '../../../../hooks/messages/message-event';
 import { LocalizeBadgeName } from '../../../../utils/LocalizeBageName';
 import { LocalizeText } from '../../../../utils/LocalizeText';
-import { BadgeImageView } from '../../../badge-image/BadgeImageView';
+import { BadgeImageView } from '../../../shared/badge-image/BadgeImageView';
 import { useInventoryContext } from '../../context/InventoryContext';
 import { InventoryBadgeActions } from '../../reducers/InventoryBadgeReducer';
 import { InventoryActiveBadgeResultsView } from './active-results/InventoryActiveBadgeResultsView';

src/views/inventory/views/badge/item/InventoryBadgeItemView.tsx

@@ -1,6 +1,6 @@
 import { MouseEventType } from 'nitro-renderer';
 import { FC, MouseEvent, useCallback } from 'react';
-import { BadgeImageView } from '../../../../badge-image/BadgeImageView';
+import { BadgeImageView } from '../../../../shared/badge-image/BadgeImageView';
 import { useInventoryContext } from '../../../context/InventoryContext';
 import { InventoryBadgeActions } from '../../../reducers/InventoryBadgeReducer';
 import { InventoryBadgeItemViewProps } from './InventoryBadgeItemView.types';

src/views/inventory/views/bot/item/InventoryBotItemView.tsx

@@ -1,6 +1,6 @@
 import { MouseEventType } from 'nitro-renderer';
 import { FC, MouseEvent, useCallback, useState } from 'react';
-import { AvatarImageView } from '../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../shared/avatar-image/AvatarImageView';
 import { useInventoryContext } from '../../../context/InventoryContext';
 import { InventoryBotActions } from '../../../reducers/InventoryBotReducer';
 import { attemptBotPlacement } from '../../../utils/BotUtilities';

src/views/inventory/views/furniture/InventoryFurnitureView.tsx

@@ -3,8 +3,8 @@ import { FC, useEffect, useState } from 'react';
 import { GetRoomEngine } from '../../../../api';
 import { SendMessageHook } from '../../../../hooks/messages/message-event';
 import { LocalizeText } from '../../../../utils/LocalizeText';
-import { LimitedEditionCompactPlateView } from '../../../limited-edition/compact-plate/LimitedEditionCompactPlateView';
 import { RoomPreviewerView } from '../../../room-previewer/RoomPreviewerView';
+import { LimitedEditionCompactPlateView } from '../../../shared/limited-edition/compact-plate/LimitedEditionCompactPlateView';
 import { useInventoryContext } from '../../context/InventoryContext';
 import { InventoryFurnitureActions } from '../../reducers/InventoryFurnitureReducer';
 import { FurniCategory } from '../../utils/FurniCategory';

src/views/inventory/views/furniture/item/InventoryFurnitureItemView.tsx

@@ -1,6 +1,6 @@
 import { MouseEventType } from 'nitro-renderer';
 import { FC, MouseEvent, useCallback, useState } from 'react';
-import { LimitedEditionStyledNumberView } from '../../../../limited-edition/styled-number/LimitedEditionStyledNumberView';
+import { LimitedEditionStyledNumberView } from '../../../../shared/limited-edition/styled-number/LimitedEditionStyledNumberView';
 import { useInventoryContext } from '../../../context/InventoryContext';
 import { InventoryFurnitureActions } from '../../../reducers/InventoryFurnitureReducer';
 import { attemptItemPlacement } from '../../../utils/FurnitureUtilities';

src/views/inventory/views/pet/item/InventoryPetItemView.tsx

@@ -1,6 +1,6 @@
 import { MouseEventType } from 'nitro-renderer';
 import { FC, MouseEvent, useCallback, useState } from 'react';
-import { PetImageView } from '../../../../pet-image/PetImageView';
+import { PetImageView } from '../../../../shared/pet-image/PetImageView';
 import { useInventoryContext } from '../../../context/InventoryContext';
 import { InventoryPetActions } from '../../../reducers/InventoryPetReducer';
 import { attemptPetPlacement } from '../../../utils/PetUtilities';

src/views/purse/currency/CurrencyView.tsx

@@ -1,6 +1,6 @@
 import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { LocalizeShortNumber } from '../../../utils/LocalizeShortNumber';
-import { CurrencyIcon } from '../../currency-icon/CurrencyIcon';
+import { CurrencyIcon } from '../../shared/currency-icon/CurrencyIcon';
 import { CurrencyViewProps } from './CurrencyView.types';
 
 export function CurrencyView(props: CurrencyViewProps): JSX.Element

src/views/room/widgets/camera/views/checkout/CameraWidgetCheckoutView.tsx

@@ -6,7 +6,7 @@ import { NitroCardContentView } from '../../../../../../layout/card/content/Nitr
 import { NitroCardView } from '../../../../../../layout/card/NitroCardView';
 import { NitroCardSimpleHeaderView } from '../../../../../../layout/card/simple-header/NitroCardSimpleHeaderView';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { CurrencyIcon } from '../../../../../currency-icon/CurrencyIcon';
+import { CurrencyIcon } from '../../../../../shared/currency-icon/CurrencyIcon';
 import { useCameraWidgetContext } from '../../context/CameraWidgetContext';
 import { CameraWidgetCheckoutViewProps } from './CameraWidgetCheckoutView.types';
 

src/views/room/widgets/furniture/engraving-lock/FurnitureEngravingLockView.tsx

@@ -10,7 +10,7 @@ import { NitroCardContentView } from '../../../../../layout/card/content/NitroCa
 import { NitroCardHeaderView } from '../../../../../layout/card/header/NitroCardHeaderView';
 import { NitroCardView } from '../../../../../layout/card/NitroCardView';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
-import { AvatarImageView } from '../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../shared/avatar-image/AvatarImageView';
 import { useRoomContext } from '../../../context/RoomContext';
 import { RoomWidgetRoomObjectUpdateEvent } from '../../../events';
 import { FurnitureEngravingLockData } from './FurnitureEngravingLockData';

src/views/room/widgets/furniture/mannequin/FurnitureMannequinView.tsx

@@ -9,7 +9,7 @@ import { NitroCardContentView } from '../../../../../layout/card/content/NitroCa
 import { NitroCardView } from '../../../../../layout/card/NitroCardView';
 import { NitroCardSimpleHeaderView } from '../../../../../layout/card/simple-header';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
-import { AvatarImageView } from '../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../shared/avatar-image/AvatarImageView';
 import { useRoomContext } from '../../../context/RoomContext';
 import { RoomWidgetRoomObjectUpdateEvent } from '../../../events';
 import { FurnitureMannequinData } from './FurnitureMannequinData';

src/views/room/widgets/infostand/views/bot/InfoStandWidgetBotView.tsx

@@ -1,7 +1,7 @@
 import { FC, useCallback } from 'react';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { AvatarImageView } from '../../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../../shared/avatar-image/AvatarImageView';
-import { BadgeImageView } from '../../../../../badge-image/BadgeImageView';
+import { BadgeImageView } from '../../../../../shared/badge-image/BadgeImageView';
 import { InfoStandWidgetBotViewProps } from './InfoStandWidgetBotView.types';
 
 export const InfoStandWidgetBotView: FC<InfoStandWidgetBotViewProps> = props =>

src/views/room/widgets/infostand/views/furni/InfoStandWidgetFurniView.tsx

@@ -1,8 +1,8 @@
 import { CrackableDataType, RoomControllerLevel, RoomWidgetEnumItemExtradataParameter, RoomWidgetFurniInfoUsagePolicyEnum, StringDataType } from 'nitro-renderer';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { BadgeImageView } from '../../../../../badge-image/BadgeImageView';
+import { BadgeImageView } from '../../../../../shared/badge-image/BadgeImageView';
-import { LimitedEditionCompactPlateView } from '../../../../../limited-edition/compact-plate/LimitedEditionCompactPlateView';
+import { LimitedEditionCompactPlateView } from '../../../../../shared/limited-edition/compact-plate/LimitedEditionCompactPlateView';
 import { useRoomContext } from '../../../../context/RoomContext';
 import { RoomWidgetFurniActionMessage } from '../../../../messages';
 import { InfoStandWidgetFurniViewProps } from './InfoStandWidgetFurniView.types';

src/views/room/widgets/infostand/views/pet/InfoStandWidgetPetView.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { PetImageView } from '../../../../../pet-image/PetImageView';
+import { PetImageView } from '../../../../../shared/pet-image/PetImageView';
 import { InfoStandWidgetPetViewProps } from './InfoStandWidgetPetView.types';
 
 export const InfoStandWidgetPetView: FC<InfoStandWidgetPetViewProps> = props =>

src/views/room/widgets/infostand/views/rentable-bot/InfoStandWidgetRentableBotView.tsx

@@ -2,8 +2,8 @@ import { BotRemoveComposer } from 'nitro-renderer';
 import { FC, useCallback, useMemo } from 'react';
 import { GetConnection } from '../../../../../../api';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { AvatarImageView } from '../../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../../shared/avatar-image/AvatarImageView';
-import { BadgeImageView } from '../../../../../badge-image/BadgeImageView';
+import { BadgeImageView } from '../../../../../shared/badge-image/BadgeImageView';
 import { BotSkillsEnum } from '../../../avatar-info/utils/BotSkillsEnum';
 import { InfoStandWidgetRentableBotViewProps } from './InfoStandWidgetRentableBotView.types';
 

src/views/room/widgets/infostand/views/user/InfoStandWidgetUserView.tsx

@@ -2,8 +2,8 @@ import { RoomSessionUserBadgesEvent } from 'nitro-renderer';
 import { FC, FocusEvent, KeyboardEvent, useCallback, useEffect, useState } from 'react';
 import { CreateEventDispatcherHook } from '../../../../../../hooks/events';
 import { LocalizeText } from '../../../../../../utils/LocalizeText';
-import { AvatarImageView } from '../../../../../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../../../../../shared/avatar-image/AvatarImageView';
-import { BadgeImageView } from '../../../../../badge-image/BadgeImageView';
+import { BadgeImageView } from '../../../../../shared/badge-image/BadgeImageView';
 import { useRoomContext } from '../../../../context/RoomContext';
 import { RoomWidgetUpdateInfostandUserEvent } from '../../../../events/RoomWidgetUpdateInfostandUserEvent';
 import { RoomWidgetChangeMottoMessage } from '../../../../messages';

src/views/shared/Shared.scss

@@ -0,0 +1,6 @@
+@import './avatar-image/AvatarImage';
+@import './badge-image/BadgeImage';
+@import './currency-icon/CurrencyIcon.scss';
+@import './furni-image/FurniImageView';
+@import './limited-edition/LimitedEdition';
+@import './pet-image/PetImage';

src/views/shared/avatar-image/AvatarImageView.tsx

@@ -1,6 +1,6 @@
 import { AvatarScaleType, AvatarSetType } from 'nitro-renderer';
 import { FC, useCallback, useEffect, useState } from 'react';
-import { GetAvatarRenderManager } from '../../api';
+import { GetAvatarRenderManager } from '../../../api';
 import { AvatarImageViewProps } from './AvatarImageView.types';
 
 export const AvatarImageView: FC<AvatarImageViewProps> = props =>

src/views/shared/badge-image/BadgeImageView.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { GetConfiguration } from '../../utils/GetConfiguration';
+import { GetConfiguration } from '../../../utils/GetConfiguration';
 import { BadgeImageViewProps } from './BadgeImageView.types';
 
 export const BadgeImageView: FC<BadgeImageViewProps> = props =>

src/views/shared/currency-icon/CurrencyIcon.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { GetConfiguration } from '../../utils/GetConfiguration';
+import { GetConfiguration } from '../../../utils/GetConfiguration';
 import { CurrencyIconProps } from './CurrencyIcon.types';
 
 export const CurrencyIcon: FC<CurrencyIconProps> = props =>

src/views/shared/furni-image/FurniImageView.tsx

@@ -1,8 +1,8 @@
 import { IGetImageListener, ImageResult, TextureUtils, Vector3d } from 'nitro-renderer';
 import { RenderTexture } from 'pixi.js';
 import { FC, useCallback, useEffect, useState } from 'react';
-import { GetRoomEngine } from '../../api';
+import { GetRoomEngine } from '../../../api';
-import { ProductTypeEnum } from '../catalog/enums/ProductTypeEnum';
+import { ProductTypeEnum } from '../../catalog/enums/ProductTypeEnum';
 import { FurniImageViewProps } from './FurniImageView.types';
 
 export const FurniImageView: FC<FurniImageViewProps> = props =>

src/views/shared/limited-edition/LimitedEdition.scss

@@ -1,16 +1,16 @@
 .unique-item {
-    background: url("../../assets/images/unique/grid-bg.png") center no-repeat, rgba(0, 0, 0, 0.1);
+    background: url("../../../assets/images/unique/grid-bg.png") center no-repeat, rgba(0, 0, 0, 0.1);
 
     &:before {
         position: absolute;
         content: ' ';
         width: 100%;
         height: 100%;
-        background: url("../../assets/images/unique/grid-bg-glass.png") center no-repeat;
+        background: url("../../../assets/images/unique/grid-bg-glass.png") center no-repeat;
     }
 
     &.sold-out:before {
-        background: url("../../assets/images/unique/grid-bg-sold-out.png") center no-repeat, url("../../assets/images/unique/grid-bg-glass.png") center no-repeat;
+        background: url("../../../assets/images/unique/grid-bg-sold-out.png") center no-repeat, url("../../../assets/images/unique/grid-bg-glass.png") center no-repeat;
     }
 
     .unique-item-counter {
@@ -21,14 +21,14 @@
         bottom: 1px;
         width: 100%;
         height: 9px;
-        background: url("../../assets/images/unique/grid-count-bg.png") center no-repeat;
+        background: url("../../../assets/images/unique/grid-count-bg.png") center no-repeat;
     }
 }
 
 .unique-sold-out-blocker {
     width: 364px;
     height: 30px;
-    background: url("../../assets/images/unique/catalog-info-sold-out.png");
+    background: url("../../../assets/images/unique/catalog-info-sold-out.png");
 
     div {
         float: right;

src/views/shared/limited-edition/compact-plate/LimitedEditionCompactPlateView.scss

@@ -6,7 +6,7 @@
     right: 16px;
     width: 34px;
     height: 37px;
-    background: url("../../../assets/images/unique/inventory-info-amount-bg.png");
+    background: url("../../../../assets/images/unique/inventory-info-amount-bg.png");
 
     div {
         display: flex;

src/views/shared/limited-edition/complete-plate/LimitedEditionCompletePlateView.scss

@@ -3,7 +3,7 @@
     left: 10px;
     width: 170px;
     height: 29px;
-    background: url("../../../assets/images/unique/catalog-info-amount-bg.png");
+    background: url("../../../../assets/images/unique/catalog-info-amount-bg.png");
     
     div {
         position: relative;

src/views/shared/limited-edition/complete-plate/LimitedEditionCompletePlateView.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { LocalizeText } from '../../../utils/LocalizeText';
+import { LocalizeText } from '../../../../utils/LocalizeText';
 import { LimitedEditionStyledNumberView } from '../styled-number/LimitedEditionStyledNumberView';
 import { LimitedEditionCompletePlateViewProps } from './LimitedEditionCompletePlateView.types';
 

src/views/shared/limited-edition/styled-number/LimitedEditionStyledNumberView.scss

@@ -3,7 +3,7 @@
     outline: 0;
     height: 5px;
     margin-right: 1px;
-    background-image: url('../../../assets/images/unique/numbers.png');
+    background-image: url('../../../../assets/images/unique/numbers.png');
     background-repeat: no-repeat;
 
     &:last-child {

src/views/shared/pet-image/PetImageView.tsx

@@ -1,6 +1,6 @@
 import { PetFigureData, TextureUtils, Vector3d } from 'nitro-renderer';
 import { FC, useCallback, useEffect, useState } from 'react';
-import { GetRoomEngine } from '../../api';
+import { GetRoomEngine } from '../../../api';
 import { PetImageViewProps } from './PetImageView.types';
 
 export const PetImageView: FC<PetImageViewProps> = props =>

src/views/toolbar/ToolbarView.tsx

@@ -6,7 +6,7 @@ import { dispatchUiEvent } from '../../hooks/events/ui/ui-event';
 import { CreateMessageHook } from '../../hooks/messages/message-event';
 import { TransitionAnimation } from '../../layout/transitions/TransitionAnimation';
 import { TransitionAnimationTypes } from '../../layout/transitions/TransitionAnimation.types';
-import { AvatarImageView } from '../avatar-image/AvatarImageView';
+import { AvatarImageView } from '../shared/avatar-image/AvatarImageView';
 import { ToolbarMeView } from './me/ToolbarMeView';
 import { ToolbarViewItems, ToolbarViewProps } from './ToolbarView.types';