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

package/dist/hooks/useSingleAnimation/index.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]) {

package/dist/hooks/useSnapshot/index.d.ts

@@ -1,3 +1,3 @@
 import { ISnapshotsCameras, ITakeSnapshotsConfig } from '../../Treble';
-declare const useSnapshot: (cameras: ISnapshotsCameras, config: ITakeSnapshotsConfig) => (() => Promise<void | string[] | File[] | Blob[] | null>) | undefined;
+declare const useSnapshot: (cameras: ISnapshotsCameras, config: ITakeSnapshotsConfig) => (() => Promise<void | string[] | Blob[] | File[] | null>) | undefined;
 export default useSnapshot;

package/dist/hooks/useWishlist/index.d.ts

@@ -5,7 +5,7 @@ interface HydratedWishlistItem extends IConfigurationResponse {
     handleRemove: () => void;
     handleShare: () => void;
 }
-type UseWishlistHook = [
+declare type UseWishlistHook = [
     Array<HydratedWishlistItem>,
     (config?: Omit<ISaveConfiguration, 'configuration'>) => void,
     () => void

package/dist/hooks/useZoom/index.d.ts

@@ -1,3 +1,3 @@
-type UseZoom = [(step: number) => void, (step: number) => void];
+declare type UseZoom = [(step: number) => void, (step: number) => void];
 declare const useZoom: () => UseZoom;
 export default useZoom;

package/dist/http/orders.d.ts

@@ -1,5 +1,5 @@
 import { IMultiPageResponse } from './request';
-export type STATUSES = 'List';
+export declare type STATUSES = 'List';
 export interface ICartItem {
     count: number;
     metadata?: null | Record<string, string>;

package/dist/icons/Draw.js

@@ -10,10 +10,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Draw = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-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 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 Draw = 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" },
-        react_1.default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M3.74417 0.637287C4.59388 -0.212428 5.97154 -0.21243 6.82126 0.637287L19.3627 13.1787C19.7708 13.5868 20 14.1402 20 14.7173V20H14.7173C14.1402 20 13.5868 19.7708 13.1787 19.3627L0.637287 6.82126C-0.21243 5.97154 -0.21243 4.59388 0.637286 3.74417L3.74417 0.637287ZM5.50251 1.95604C5.38112 1.83465 5.18431 1.83465 5.06292 1.95604L1.95604 5.06292C1.83465 5.18431 1.83465 5.38112 1.95604 5.50251L4.20155 7.74802L7.74802 4.20155L5.50251 1.95604ZM9.06677 5.52031L18.044 14.4975C18.1023 14.5558 18.135 14.6348 18.135 14.7173V18.135H14.7173C14.6348 18.135 14.5558 18.1023 14.4975 18.044L5.52031 9.06677L9.06677 5.52031Z", color: props.color })));
+    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: "M3.74417 0.637287C4.59388 -0.212428 5.97154 -0.21243 6.82126 0.637287L19.3627 13.1787C19.7708 13.5868 20 14.1402 20 14.7173V20H14.7173C14.1402 20 13.5868 19.7708 13.1787 19.3627L0.637287 6.82126C-0.21243 5.97154 -0.21243 4.59388 0.637286 3.74417L3.74417 0.637287ZM5.50251 1.95604C5.38112 1.83465 5.18431 1.83465 5.06292 1.95604L1.95604 5.06292C1.83465 5.18431 1.83465 5.38112 1.95604 5.50251L4.20155 7.74802L7.74802 4.20155L5.50251 1.95604ZM9.06677 5.52031L18.044 14.4975C18.1023 14.5558 18.135 14.6348 18.135 14.7173V18.135H14.7173C14.6348 18.135 14.5558 18.1023 14.4975 18.044L5.52031 9.06677L9.06677 5.52031Z", className: "tk-icon" })));
 };
 exports.Draw = Draw;
 exports.Draw.iconName = 'draw';

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 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 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 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" },
-        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" })));
+    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" })));
 };
 exports.Window = Window;
 exports.Window.iconName = 'window';

package/dist/icons/index.js

@@ -33,12 +33,9 @@ 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"));
@@ -59,16 +56,6 @@ 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"));
 exports.default = (_a = {},
     _a[Add_1.default.iconName] = Add_1.default,
     _a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,
@@ -99,12 +86,9 @@ 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,
@@ -125,14 +109,4 @@ 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);

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 useSpaces from './hooks/useSpaces';
+import useRoomBuilder from './hooks/useRoomBuilder';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -57,7 +57,6 @@ 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';
@@ -87,12 +86,9 @@ 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';
@@ -113,14 +109,4 @@ import DoorIcon from './icons/Door';
 import OpeningIcon from './icons/Opening';
 import WallIcon from './icons/Wall';
 import LayoutIcon from './icons/Layout';
-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';
-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, };
+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, };

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.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.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;
+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;
 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 useSpaces_1 = __importDefault(require("./hooks/useSpaces"));
-exports.useSpaces = useSpaces_1.default;
+var useRoomBuilder_1 = __importDefault(require("./hooks/useRoomBuilder"));
+exports.useRoomBuilder = useRoomBuilder_1.default;
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
@@ -124,8 +124,6 @@ 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"));
@@ -184,18 +182,12 @@ 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"));
@@ -236,23 +228,3 @@ 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;

package/dist/store/attributes.d.ts

@@ -1,7 +1,7 @@
 import { RootState, ThreekitDispatch } from './index';
 import { ISetConfiguration, IThreekitDisplayAttribute } from '../types';
 import { ITranslationMap } from '../api/products';
-export type AttributesState = Record<string, IThreekitDisplayAttribute>;
+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, import("redux").AnyAction>;
 export declare const getAttributes: (state: RootState) => AttributesState;
@@ -12,7 +12,6 @@ export declare const getHydrationData: ((state: {
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    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;
 }> & {

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]) {

package/dist/store/index.d.ts

@@ -7,7 +7,6 @@ declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -15,7 +14,6 @@ declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -23,7 +21,6 @@ declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    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;
@@ -32,7 +29,6 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -40,7 +36,6 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -48,10 +43,9 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, undefined>, 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 type RootState = ReturnType<typeof store.getState>;
+export declare type ThreekitDispatch = typeof store.dispatch;
 export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -59,7 +53,6 @@ export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").Thunk
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    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,7 +25,6 @@ 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,
@@ -34,7 +33,6 @@ 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
@@ -46,7 +44,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, spaces: spaces_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 }),
         middleware: function (getDefaultMiddleware) {
             return constants_1.TREBLE_DEBUG
                 ? getDefaultMiddleware().concat(redux_logger_1.default)

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 {

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,6 +52,7 @@ 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");
@@ -156,7 +157,8 @@ var initProduct = function () { return function (dispatch, getState) {
     var metadata = window.threekit.configurator.getMetadata();
     var productId = state.product.id;
     if (productId && !INITIAL_CONFIGURATIONS[productId]) {
-        var configuration = window.threekit.configurator.getFullConfiguration();
+        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
+        var configuration = player.configurator.getFullConfiguration();
         INITIAL_CONFIGURATIONS[productId] = JSON.stringify(configuration);
     }
     dispatch((0, exports.setName)(name));
@@ -174,7 +176,8 @@ 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 configuration = window.threekit.configurator.getFullConfiguration();
+        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
+        var configuration = player.configurator.getFullConfiguration();
         var data = { connection: connectionObj, configuration: configuration };
         var product = Object.assign({
             id: state.product.id,
@@ -250,19 +253,19 @@ var changeActiveCacheIdx = function (idx) {
                     state = getState();
                     cache = state.product.cache;
                     if (idx >= cache.length)
-                        return [2];
+                        return [2, Promise.resolve()];
                     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/translations.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/treble.d.ts

@@ -3,13 +3,15 @@ import { IProject, IPlayerConfig, IThreekitDisplayAttribute, ISetConfiguration,
 export interface IPlayerInit {
     el: HTMLElement;
     authToken: string;
-    assetId: string;
+    assetId?: string;
+    customId?: string;
     stageId?: string;
     playerConfig: IPlayerConfig;
     initialConfiguration?: IConfiguration;
 }
 export interface ILaunchConfig {
     assetId?: string;
+    customId?: string;
     productId: string;
     threekitEnv: string;
     serverUrl: string;
@@ -64,6 +66,6 @@ export declare const getLoadingProgress: (state: RootState) => undefined | numbe
 export declare const getPlayerInteraction: (state: RootState) => undefined | boolean;
 export declare const initPlayer: (config: IPlayerInit) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export declare const launch: (launchConfig?: Partial<ILaunchConfig>) => (dispatch: ThreekitDispatch) => Promise<void>;
-export declare const unloadPlayer: (dispatch: ThreekitDispatch) => Promise<string>;
+export declare const unloadPlayer: () => (dispatch: ThreekitDispatch) => Promise<void>;
 export declare const reloadPlayer: (config: undefined | string | Pick<IReloadConfig, 'assetId' | 'stageId' | 'configurationId' | 'configuration'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;