@threekit-tools/treble 0.0.93 → 0.0.94-next-01

package/dist/icons/index.js

@@ -33,9 +33,12 @@ var More_1 = __importDefault(require("./More"));
 var NewWindow_1 = __importDefault(require("./NewWindow"));
 var Pause_1 = __importDefault(require("./Pause"));
 var Play_1 = __importDefault(require("./Play"));
+var Player3D_1 = __importDefault(require("./Player3D"));
 var Redo_1 = __importDefault(require("./Redo"));
 var Remove_1 = __importDefault(require("./Remove"));
 var Ruler_1 = __importDefault(require("./Ruler"));
+var RulerBlank_1 = __importDefault(require("./RulerBlank"));
+var RulerDetailed_1 = __importDefault(require("./RulerDetailed"));
 var Search_1 = __importDefault(require("./Search"));
 var Settings_1 = __importDefault(require("./Settings"));
 var Share_1 = __importDefault(require("./Share"));
@@ -56,6 +59,17 @@ var Window_1 = __importDefault(require("./Window"));
 var Wall_1 = __importDefault(require("./Wall"));
 var TrashCan_1 = __importDefault(require("./TrashCan"));
 var TrashCanAlt_1 = __importDefault(require("./TrashCanAlt"));
+var GridSnapping_1 = __importDefault(require("./GridSnapping"));
+var AngleSnapping_1 = __importDefault(require("./AngleSnapping"));
+var Center_1 = __importDefault(require("./Center"));
+var LayoutAlt_1 = __importDefault(require("./LayoutAlt"));
+var Magnet_1 = __importDefault(require("./Magnet"));
+var Save_1 = __importDefault(require("./Save"));
+var UnitCm_1 = __importDefault(require("./UnitCm"));
+var UnitMeter_1 = __importDefault(require("./UnitMeter"));
+var UnitFeet_1 = __importDefault(require("./UnitFeet"));
+var UnitInch_1 = __importDefault(require("./UnitInch"));
+var Boundary_1 = __importDefault(require("./Boundary"));
 exports.default = (_a = {},
     _a[Add_1.default.iconName] = Add_1.default,
     _a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,
@@ -86,9 +100,12 @@ exports.default = (_a = {},
     _a[NewWindow_1.default.iconName] = NewWindow_1.default,
     _a[Pause_1.default.iconName] = Pause_1.default,
     _a[Play_1.default.iconName] = Play_1.default,
+    _a[Player3D_1.default.iconName] = Player3D_1.default,
     _a[Redo_1.default.iconName] = Redo_1.default,
     _a[Remove_1.default.iconName] = Remove_1.default,
     _a[Ruler_1.default.iconName] = Ruler_1.default,
+    _a[RulerBlank_1.default.iconName] = RulerBlank_1.default,
+    _a[RulerDetailed_1.default.iconName] = RulerDetailed_1.default,
     _a[Search_1.default.iconName] = Search_1.default,
     _a[Settings_1.default.iconName] = Settings_1.default,
     _a[Share_1.default.iconName] = Share_1.default,
@@ -109,4 +126,15 @@ exports.default = (_a = {},
     _a[Wall_1.default.iconName] = Wall_1.default,
     _a[TrashCan_1.default.iconName] = TrashCan_1.default,
     _a[TrashCanAlt_1.default.iconName] = TrashCanAlt_1.default,
+    _a[GridSnapping_1.default.iconName] = GridSnapping_1.default,
+    _a[AngleSnapping_1.default.iconName] = AngleSnapping_1.default,
+    _a[Center_1.default.iconName] = Center_1.default,
+    _a[LayoutAlt_1.default.iconName] = LayoutAlt_1.default,
+    _a[Magnet_1.default.iconName] = Magnet_1.default,
+    _a[Save_1.default.iconName] = Save_1.default,
+    _a[UnitCm_1.default.iconName] = UnitCm_1.default,
+    _a[UnitMeter_1.default.iconName] = UnitMeter_1.default,
+    _a[UnitFeet_1.default.iconName] = UnitFeet_1.default,
+    _a[UnitInch_1.default.iconName] = UnitInch_1.default,
+    _a[Boundary_1.default.iconName] = Boundary_1.default,
     _a);

package/dist/icons/types.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export interface IIconProps {
     color?: string;
 }

package/dist/index.d.ts

@@ -18,7 +18,7 @@ import useNestedConfigurator from './hooks/useNestedConfigurator';
 import useLoadingProgress from './hooks/useLoadingProgress';
 import usePlayerReady from './hooks/usePlayerReady';
 import usePlayer from './hooks/usePlayer';
-import useRoomBuilder from './hooks/useRoomBuilder';
+import useSpaces from './hooks/useSpaces';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -57,6 +57,7 @@ import PlayerLoadingSpinner from './components/PlayerLoadingSpinner';
 import DraggableHint from './components/DraggableHint';
 import TurntableAnimation from './components/TurntableAnimation';
 import BreatheAnimation from './components/BreatheAnimation';
+import SpacesLayoutIcon from './hooks/useSpaces/SpacesLayout';
 import AddIcon from './icons/Add';
 import ArrowLeftIcon from './icons/ArrowLeft';
 import ArrowRightIcon from './icons/ArrowRight';
@@ -86,9 +87,12 @@ import MoreIcon from './icons/More';
 import NewWindowIcon from './icons/NewWindow';
 import PauseIcon from './icons/Pause';
 import PlayIcon from './icons/Play';
+import Player3DIcon from './icons/Player3D';
 import RedoIcon from './icons/Redo';
 import RemoveIcon from './icons/Remove';
 import RulerIcon from './icons/Ruler';
+import RulerBlankIcon from './icons/RulerBlank';
+import RulerDetailedIcon from './icons/RulerDetailed';
 import SearchIcon from './icons/Search';
 import SettingsIcon from './icons/Settings';
 import ShareIcon from './icons/Share';
@@ -109,4 +113,15 @@ import DoorIcon from './icons/Door';
 import OpeningIcon from './icons/Opening';
 import WallIcon from './icons/Wall';
 import LayoutIcon from './icons/Layout';
-export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, useConfigurationChangeStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useRoomBuilder, usePlayerReady, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, AngleIcon, TrashCanIcon, TrashCanAltIcon, CursorIcon, WindowIcon, DrawIcon, DoorIcon, OpeningIcon, WallIcon, LayoutIcon, };
+import GridSnappingIcon from './icons/GridSnapping';
+import AngleSnappingIcon from './icons/AngleSnapping';
+import CenterIcon from './icons/Center';
+import LayoutAltIcon from './icons/LayoutAlt';
+import MagnetIcon from './icons/Magnet';
+import SaveIcon from './icons/Save';
+import UnitCmIcon from './icons/UnitCm';
+import UnitMeterIcon from './icons/UnitMeter';
+import UnitFeetIcon from './icons/UnitFeet';
+import UnitInchIcon from './icons/UnitInch';
+import BoundaryIcon from './icons/Boundary';
+export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, useConfigurationChangeStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useSpaces, usePlayerReady, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, SpacesLayoutIcon, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, Player3DIcon, RedoIcon, RemoveIcon, RulerIcon, RulerBlankIcon, RulerDetailedIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, AngleIcon, TrashCanIcon, TrashCanAltIcon, CursorIcon, WindowIcon, DrawIcon, DoorIcon, OpeningIcon, WallIcon, LayoutIcon, GridSnappingIcon, AngleSnappingIcon, CenterIcon, LayoutAltIcon, MagnetIcon, SaveIcon, UnitCmIcon, UnitMeterIcon, UnitFeetIcon, UnitInchIcon, BoundaryIcon, };

package/dist/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.Skeleton = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.TextInput = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerReady = exports.useRoomBuilder = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.useConfigurationChangeStatus = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
-exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DraggableIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = void 0;
-exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = exports.AngleIcon = exports.SpinnerIcon = void 0;
+exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.Skeleton = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.TextInput = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerReady = exports.useSpaces = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.useConfigurationChangeStatus = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
+exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerDetailedIcon = exports.RulerBlankIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.Player3DIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DraggableIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = exports.SpacesLayoutIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = void 0;
+exports.BoundaryIcon = exports.UnitInchIcon = exports.UnitFeetIcon = exports.UnitMeterIcon = exports.UnitCmIcon = exports.SaveIcon = exports.MagnetIcon = exports.LayoutAltIcon = exports.CenterIcon = exports.AngleSnappingIcon = exports.GridSnappingIcon = exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = exports.AngleIcon = exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -46,8 +46,8 @@ var usePlayerReady_1 = __importDefault(require("./hooks/usePlayerReady"));
 exports.usePlayerReady = usePlayerReady_1.default;
 var usePlayer_1 = __importDefault(require("./hooks/usePlayer"));
 exports.usePlayer = usePlayer_1.default;
-var useRoomBuilder_1 = __importDefault(require("./hooks/useRoomBuilder"));
-exports.useRoomBuilder = useRoomBuilder_1.default;
+var useSpaces_1 = __importDefault(require("./hooks/useSpaces"));
+exports.useSpaces = useSpaces_1.default;
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
@@ -124,6 +124,8 @@ var TurntableAnimation_1 = __importDefault(require("./components/TurntableAnimat
 exports.TurntableAnimation = TurntableAnimation_1.default;
 var BreatheAnimation_1 = __importDefault(require("./components/BreatheAnimation"));
 exports.BreatheAnimation = BreatheAnimation_1.default;
+var SpacesLayout_1 = __importDefault(require("./hooks/useSpaces/SpacesLayout"));
+exports.SpacesLayoutIcon = SpacesLayout_1.default;
 var Add_1 = __importDefault(require("./icons/Add"));
 exports.AddIcon = Add_1.default;
 var ArrowLeft_1 = __importDefault(require("./icons/ArrowLeft"));
@@ -182,12 +184,18 @@ var Pause_1 = __importDefault(require("./icons/Pause"));
 exports.PauseIcon = Pause_1.default;
 var Play_1 = __importDefault(require("./icons/Play"));
 exports.PlayIcon = Play_1.default;
+var Player3D_1 = __importDefault(require("./icons/Player3D"));
+exports.Player3DIcon = Player3D_1.default;
 var Redo_1 = __importDefault(require("./icons/Redo"));
 exports.RedoIcon = Redo_1.default;
 var Remove_1 = __importDefault(require("./icons/Remove"));
 exports.RemoveIcon = Remove_1.default;
 var Ruler_1 = __importDefault(require("./icons/Ruler"));
 exports.RulerIcon = Ruler_1.default;
+var RulerBlank_1 = __importDefault(require("./icons/RulerBlank"));
+exports.RulerBlankIcon = RulerBlank_1.default;
+var RulerDetailed_1 = __importDefault(require("./icons/RulerDetailed"));
+exports.RulerDetailedIcon = RulerDetailed_1.default;
 var Search_1 = __importDefault(require("./icons/Search"));
 exports.SearchIcon = Search_1.default;
 var Settings_1 = __importDefault(require("./icons/Settings"));
@@ -228,3 +236,25 @@ var Wall_1 = __importDefault(require("./icons/Wall"));
 exports.WallIcon = Wall_1.default;
 var Layout_1 = __importDefault(require("./icons/Layout"));
 exports.LayoutIcon = Layout_1.default;
+var GridSnapping_1 = __importDefault(require("./icons/GridSnapping"));
+exports.GridSnappingIcon = GridSnapping_1.default;
+var AngleSnapping_1 = __importDefault(require("./icons/AngleSnapping"));
+exports.AngleSnappingIcon = AngleSnapping_1.default;
+var Center_1 = __importDefault(require("./icons/Center"));
+exports.CenterIcon = Center_1.default;
+var LayoutAlt_1 = __importDefault(require("./icons/LayoutAlt"));
+exports.LayoutAltIcon = LayoutAlt_1.default;
+var Magnet_1 = __importDefault(require("./icons/Magnet"));
+exports.MagnetIcon = Magnet_1.default;
+var Save_1 = __importDefault(require("./icons/Save"));
+exports.SaveIcon = Save_1.default;
+var UnitCm_1 = __importDefault(require("./icons/UnitCm"));
+exports.UnitCmIcon = UnitCm_1.default;
+var UnitMeter_1 = __importDefault(require("./icons/UnitMeter"));
+exports.UnitMeterIcon = UnitMeter_1.default;
+var UnitFeet_1 = __importDefault(require("./icons/UnitFeet"));
+exports.UnitFeetIcon = UnitFeet_1.default;
+var UnitInch_1 = __importDefault(require("./icons/UnitInch"));
+exports.UnitInchIcon = UnitInch_1.default;
+var Boundary_1 = __importDefault(require("./icons/Boundary"));
+exports.BoundaryIcon = Boundary_1.default;

package/dist/store/attributes.d.ts

@@ -1,9 +1,9 @@
 import { RootState, ThreekitDispatch } from './index';
 import { ISetConfiguration, IThreekitDisplayAttribute } from '../types';
-import { ITranslationsMap } from '../http/assets';
-export type AttributesState = Record<string, IThreekitDisplayAttribute>;
+import { ITranslationMap } from '../api/products';
+export declare type AttributesState = Record<string, IThreekitDisplayAttribute>;
 export declare const setAttributes: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[attributes: IThreekitDisplayAttribute[]], Record<string, IThreekitDisplayAttribute>, "treble/attributes/set-attributes", never, never>;
-declare const reducer: import("redux").Reducer<AttributesState>;
+declare const reducer: import("redux").Reducer<AttributesState, import("redux").AnyAction>;
 export declare const getAttributes: (state: RootState) => AttributesState;
 export declare const getHydrationData: ((state: {
     treble: import("./treble").TrebleState;
@@ -12,7 +12,8 @@ export declare const getHydrationData: ((state: {
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}) => readonly [Record<string, IThreekitDisplayAttribute>, ITranslationsMap]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: ITranslationsMap) => readonly [Record<string, IThreekitDisplayAttribute>, ITranslationsMap], {
+    spaces: import("./spaces").SpacesState;
+}) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: string | undefined) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined] & {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/dist/store/attributes.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -67,7 +67,9 @@ var reducer = (0, toolkit_1.createSlice)({
 }).reducer;
 var getAttributes = function (state) { return state.attributes; };
 exports.getAttributes = getAttributes;
-exports.getHydrationData = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getTranslations, function (attributes, translations) { return [attributes, translations]; });
+exports.getHydrationData = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getLanguage, function (attributes, language) {
+    return [attributes, translations_1.TRANSLATIONS, language];
+});
 var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {

package/dist/store/index.d.ts

@@ -1,58 +1,89 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import { Reducer } from 'redux';
-declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
+declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
-export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
-export type RootState = ReturnType<typeof store.getState>;
-export type ThreekitDispatch = typeof store.dispatch;
-export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+export declare type RootState = ReturnType<typeof store.getState>;
+export declare type ThreekitDispatch = typeof store.dispatch;
+export declare const useThreekitDispatch: () => import("redux").Dispatch<import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
+}, null, import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
+}, undefined, import("redux").AnyAction>;
 export declare const useThreekitSelector: TypedUseSelectorHook<RootState>;
 export default createStore;

package/dist/store/index.js

@@ -25,6 +25,7 @@ var attributes_1 = __importDefault(require("./attributes"));
 var wishlist_1 = __importDefault(require("./wishlist"));
 var translations_1 = __importDefault(require("./translations"));
 var price_1 = __importDefault(require("./price"));
+var spaces_1 = __importDefault(require("./spaces"));
 var store = (0, toolkit_1.configureStore)({
     reducer: {
         treble: treble_1.default,
@@ -33,6 +34,7 @@ var store = (0, toolkit_1.configureStore)({
         translations: translations_1.default,
         wishlist: wishlist_1.default,
         price: price_1.default,
+        spaces: spaces_1.default,
     },
     middleware: function (getDefaultMiddleware) {
         return constants_1.TREBLE_DEBUG
@@ -44,7 +46,7 @@ var createStore = function (reducer) {
     if (!reducer)
         return store;
     return (0, toolkit_1.configureStore)({
-        reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default }),
+        reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default, spaces: spaces_1.default }),
         middleware: function (getDefaultMiddleware) {
             return constants_1.TREBLE_DEBUG
                 ? getDefaultMiddleware().concat(redux_logger_1.default)

package/dist/store/price.d.ts

@@ -15,7 +15,7 @@ export interface PriceState {
 export declare const setPriceConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<IPriceConfig, string>;
 export declare const setPrice: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
 export declare const initPrice: () => (dispatch: ThreekitDispatch) => Promise<void>;
-declare const reducer: import("redux").Reducer<PriceState>;
+declare const reducer: import("redux").Reducer<PriceState, import("redux").AnyAction>;
 export declare const getPrice: (state: RootState) => undefined | IPrice;
 export declare const getPriceConfig: (state: RootState) => undefined | IPriceConfig;
 export declare const updatePrice: () => (dispatch: ThreekitDispatch, getState: () => RootState) => void;

package/dist/store/price.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/store/product.d.ts

@@ -16,7 +16,7 @@ export interface LoadProductConfig {
 export interface CachedProductState extends Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'> {
     data: string;
 }
-type IEnvConfig = Record<string, Partial<IProduct>>;
+declare type IEnvConfig = Record<string, Partial<IProduct>>;
 export interface IHydratedProducts extends Record<string, IEnvConfig> {
 }
 export interface ProductState {
@@ -36,7 +36,7 @@ export declare const removeFromCache: import("@reduxjs/toolkit").ActionCreatorWi
 export declare const setActiveCacheIdx: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
 export declare const incrementActiveCacheIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
 export declare const decrementActiveCacheIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
-declare const reducer: import("redux").Reducer<ProductState>;
+declare const reducer: import("redux").Reducer<ProductState, import("redux").AnyAction>;
 export declare const getProductId: (state: RootState) => undefined | string;
 export declare const getName: (state: RootState) => undefined | string;
 export declare const getMetadata: (state: RootState) => undefined | IMetadata;

package/dist/store/product.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -52,7 +52,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resetProductConfiguration = exports.removeProductIdx = exports.changeActiveCacheIdx = exports.loadNewProduct = exports.loadProduct = exports.cacheActiveProduct = exports.initProduct = exports.setProducts = exports.getProductCache = exports.getActiveCacheIdx = exports.getMetadata = exports.getName = exports.getProductId = exports.decrementActiveCacheIdx = exports.incrementActiveCacheIdx = exports.setActiveCacheIdx = exports.removeFromCache = exports.updateActiveProductCache = exports.appendToCache = exports.setMetadata = exports.setName = exports.setProductId = exports.PRODUCTS = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
-var types_1 = require("../types");
 var connection_1 = __importDefault(require("../connection"));
 var treble_1 = require("./treble");
 var attributes_1 = require("./attributes");
@@ -157,8 +156,7 @@ var initProduct = function () { return function (dispatch, getState) {
     var metadata = window.threekit.configurator.getMetadata();
     var productId = state.product.id;
     if (productId && !INITIAL_CONFIGURATIONS[productId]) {
-        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
-        var configuration = player.configurator.getFullConfiguration();
+        var configuration = window.threekit.configurator.getFullConfiguration();
         INITIAL_CONFIGURATIONS[productId] = JSON.stringify(configuration);
     }
     dispatch((0, exports.setName)(name));
@@ -176,8 +174,7 @@ var cacheActiveProduct = function (config) {
         var thumbnail = config === null || config === void 0 ? void 0 : config.thumbnail;
         var connectionObj = connection_1.default.getConnection();
         delete connectionObj.threekitDomain;
-        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
-        var configuration = player.configurator.getFullConfiguration();
+        var configuration = window.threekit.configurator.getFullConfiguration();
         var data = { connection: connectionObj, configuration: configuration };
         var product = Object.assign({
             id: state.product.id,
@@ -253,19 +250,19 @@ var changeActiveCacheIdx = function (idx) {
                     state = getState();
                     cache = state.product.cache;
                     if (idx >= cache.length)
-                        return [2, Promise.resolve()];
+                        return [2];
                     dispatch((0, exports.cacheActiveProduct)());
                     cachedProduct = __assign({}, state.product.cache[idx]);
                     data = JSON.parse(cachedProduct.data);
                     connection_1.default.connect(data.connection);
                     dispatch((0, exports.setActiveCacheIdx)(idx));
-                    dispatch((0, exports.setProductId)(cachedProduct.id));
                     return [4, dispatch((0, treble_1.reloadPlayer)({
                             assetId: data.connection.assetId,
                             configuration: data.configuration,
                         }))];
                 case 1:
                     _a.sent();
+                    dispatch((0, exports.setProductId)(cachedProduct.id));
                     return [2];
             }
         });

package/dist/store/spaces.d.ts

@@ -0,0 +1,74 @@
+import { RootState, ThreekitDispatch } from './index';
+import { IConfiguration } from '../types';
+import { IAttributeDefaults, ICoordinate2D, IDimensionOptions, IModes, ISpacesAttributes, ISpacesConfigUser, IUnits } from '../hooks/useSpaces/types';
+import { WallModes } from '../hooks/useSpaces/constants';
+import Spaces from '../hooks/useSpaces/SpacesState';
+interface ILayout {
+    label: string;
+    configuration: IConfiguration;
+    loop: Array<ICoordinate2D[]>;
+}
+interface IAttributeMap {
+    walls: string;
+    startX: string;
+    startZ: string;
+    endX: string;
+    endZ: string;
+}
+interface InitConfig {
+    parameters: Partial<ISpacesConfigUser>;
+    layoutIds: Array<string>;
+    attributeNames: ISpacesAttributes;
+    canvasDimensions?: ICoordinate2D;
+    setPendingStatus: (status: boolean) => void;
+}
+export interface SpacesState {
+    initialized: boolean;
+    mode: IModes;
+    layouts: Array<ILayout>;
+    unit: IUnits;
+    zoom: number;
+    translation: ICoordinate2D;
+    showDimensions: IDimensionOptions;
+    angleSnappingEnabled: boolean;
+    guideSnappingEnabled: boolean;
+    gridSnappingEnabled: boolean;
+    defaults: IAttributeDefaults;
+    wallModeOptions: WallModes[];
+    wallModeAssetIds: Record<WallModes, string>;
+    wallModeValue: WallModes;
+}
+export declare const setInitialized: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const setLayouts: import("@reduxjs/toolkit").ActionCreatorWithPayload<ILayout[], string>;
+export declare const setZoom: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
+export declare const setUnit: import("@reduxjs/toolkit").ActionCreatorWithPayload<IUnits, string>;
+export declare const setTranslation: import("@reduxjs/toolkit").ActionCreatorWithPayload<ICoordinate2D, string>;
+export declare const setMode: import("@reduxjs/toolkit").ActionCreatorWithPayload<IModes, string>;
+export declare const setShowDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<IDimensionOptions, string>;
+export declare const setAngleSnappingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const setGuideSnappingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const setGridSnappingEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const setDefaults: import("@reduxjs/toolkit").ActionCreatorWithPayload<IAttributeDefaults, string>;
+export declare const setWallModeOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<WallModes[], string>;
+export declare const setWallModeAssetIds: import("@reduxjs/toolkit").ActionCreatorWithPayload<Record<WallModes, string>, string>;
+export declare const setWallModeValue: import("@reduxjs/toolkit").ActionCreatorWithPayload<WallModes, string>;
+declare const reducer: import("redux").Reducer<SpacesState, import("redux").AnyAction>;
+export declare const getInitialized: (state: RootState) => boolean;
+export declare const getMode: (state: RootState) => IModes;
+export declare const getLayouts: (state: RootState) => Array<ILayout>;
+export declare const getUnit: (state: RootState) => IUnits;
+export declare const getZoom: (state: RootState) => number;
+export declare const getTranslation: (state: RootState) => ICoordinate2D;
+export declare const getShowDimensions: (state: RootState) => IDimensionOptions;
+export declare const getAngleSnappingEnabled: (state: RootState) => boolean;
+export declare const getGuideSnappingEnabled: (state: RootState) => boolean;
+export declare const getGridSnappingEnabled: (state: RootState) => boolean;
+export declare const getDefaults: (state: RootState) => IAttributeDefaults;
+export declare const getWallMode: (state: RootState) => {
+    options: WallModes[];
+    value: WallModes;
+    assetId: string;
+};
+export declare const hydrateLayouts: (configurationIds: Array<string>, attributeMap: IAttributeMap) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
+export declare const initSpaces: (initConfig: InitConfig) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<Spaces>;
+export default reducer;