@threekit-tools/treble 0.0.91 → 0.0.92-next-01

package/dist/icons/RulerBlank.js

@@ -0,0 +1,25 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ruler = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("g", { clipPath: "url(#clip0_1031_536)" },
+            react_1.default.createElement("rect", { x: "5.75732", y: "1.51465", width: "18", height: "6", transform: "rotate(45 5.75732 1.51465)", className: "tk-icon", strokeWidth: "2" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_1031_536" },
+                react_1.default.createElement("rect", { width: "20", height: "20", fill: "white" })))));
+};
+exports.Ruler = Ruler;
+exports.Ruler.iconName = 'ruler';
+exports.default = exports.Ruler;
+var templateObject_1;

package/dist/icons/RulerDetailed.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const Ruler: IIcon;
+export default Ruler;

package/dist/icons/RulerDetailed.js

@@ -0,0 +1,27 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ruler = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("g", { clipPath: "url(#clip0_1031_521)" },
+            react_1.default.createElement("rect", { x: "5.75732", y: "1.51465", width: "18", height: "6", transform: "rotate(45 5.75732 1.51465)", className: "tk-icon", strokeWidth: "2" }),
+            react_1.default.createElement("path", { d: "M7.82837 4L4.99994 6.82843M9.16899 5.34062L7.04767 7.46194M10.5096 6.68123L8.38828 8.80255M11.8502 8.02185L9.02179 10.8503", className: "tk-icon" }),
+            react_1.default.createElement("path", { d: "M11.8284 8L8.99994 10.8284M13.169 9.34062L11.0477 11.4619M14.5096 10.6812L12.3883 12.8026M15.8502 12.0219L13.0218 14.8503", className: "tk-icon" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_1031_521" },
+                react_1.default.createElement("rect", { width: "20", height: "20", fill: "white" })))));
+};
+exports.Ruler = Ruler;
+exports.Ruler.iconName = 'ruler';
+exports.default = exports.Ruler;
+var templateObject_1;

package/dist/icons/Window.js

@@ -10,11 +10,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Window = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    fill: ", ";\n  }\n"], ["\n  .tk-icon {\n    fill: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
 var Window = function (props) {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.28571 15.4286V4.42858H17.7603V15.4286H2.28571ZM10.4891 10.3947V14.5714H16.9031V10.3947H10.4891ZM16.9031 9.46248V5.28572H10.4891V9.46248H16.9031ZM9.55688 5.28572H3.14286V9.46248H9.55688V5.28572ZM3.14286 14.5714V10.3947H9.55688V14.5714H3.14286Z", className: "tk-icon" }),
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.285714 2.71429C0.127919 2.71429 0 2.84221 0 3.00001V17C0 17.1578 0.127918 17.2857 0.285714 17.2857H19.7143C19.8721 17.2857 20 17.1578 20 17V3.00001C20 2.84221 19.8721 2.71429 19.7143 2.71429H0.285714ZM0.857143 3.57144V16.4286H19.1429V3.57144H0.857143Z", className: "tk-icon" })));
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", color: props.color, d: "M2.28571 15.4286V4.42858H17.7603V15.4286H2.28571ZM10.4891 10.3947V14.5714H16.9031V10.3947H10.4891ZM16.9031 9.46248V5.28572H10.4891V9.46248H16.9031ZM9.55688 5.28572H3.14286V9.46248H9.55688V5.28572ZM3.14286 14.5714V10.3947H9.55688V14.5714H3.14286Z" }),
+        react_1.default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", color: props.color, d: "M0.285714 2.71429C0.127919 2.71429 0 2.84221 0 3.00001V17C0 17.1578 0.127918 17.2857 0.285714 17.2857H19.7143C19.8721 17.2857 20 17.1578 20 17V3.00001C20 2.84221 19.8721 2.71429 19.7143 2.71429H0.285714ZM0.857143 3.57144V16.4286H19.1429V3.57144H0.857143Z" })));
 };
 exports.Window = Window;
 exports.Window.iconName = 'window';

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

@@ -12,7 +12,8 @@ export declare const getHydrationData: ((state: {
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: string | undefined) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined] & {
+    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/index.d.ts

@@ -1,79 +1,65 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import { Reducer } from 'redux';
-declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
     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("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").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, null> | import("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").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, undefined> | import("redux").Middleware<{}, {
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
+export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
     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").Dispatch<import("redux").AnyAction>>>>;
-export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit").EnhancedStore<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").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("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").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, 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, 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").Dispatch<import("redux").AnyAction>>>>;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, 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;
-}, null, import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
+export declare const useThreekitDispatch: () => 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;
-}, undefined, import("redux").AnyAction>;
+    spaces: import("./spaces").SpacesState;
+}, undefined, import("redux").AnyAction> & import("redux").Dispatch<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/product.js

@@ -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;