@threekit-tools/treble 0.0.95-next-01 → 0.0.96

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,17 +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"));
-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,
@@ -100,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,
@@ -126,15 +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[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 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,15 +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';
-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, };
+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.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;
+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,25 +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;
-var Boundary_1 = __importDefault(require("./icons/Boundary"));
-exports.BoundaryIcon = Boundary_1.default;

package/dist/store/attributes.d.ts

@@ -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;
 }) => readonly [Record<string, IThreekitDisplayAttribute>, ITranslationsMap]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: ITranslationsMap) => readonly [Record<string, IThreekitDisplayAttribute>, ITranslationsMap] & {
     clearCache: () => void;
 }> & {

package/dist/store/index.d.ts

@@ -7,7 +7,6 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -15,7 +14,6 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -23,7 +21,6 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    spaces: import("./spaces").SpacesState;
 }, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -31,7 +28,6 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-    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;
@@ -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, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -48,7 +43,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, null> | import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -56,7 +50,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("redux").Middleware<{}, {
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -64,7 +57,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").Dispatch<import("redux").AnyAction>>>>;
 export declare type RootState = ReturnType<typeof store.getState>;
 export declare type ThreekitDispatch = typeof store.dispatch;
@@ -75,7 +67,6 @@ export declare const useThreekitDispatch: () => import("redux").Dispatch<import(
     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;
@@ -83,7 +74,6 @@ export declare const useThreekitDispatch: () => import("redux").Dispatch<import(
     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,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/product.js

@@ -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/treble.d.ts

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

package/dist/store/treble.js

@@ -203,6 +203,7 @@ var initPlayer = function (config) {
                                 orgId: orgId,
                             }),
                         };
+                    dispatch((0, exports.setThreekitInitialized)(true));
                     dispatch((0, exports.setPlayerLoading)(false));
                     dispatch((0, exports.updateLoadingProgress)(1));
                     dispatch((0, exports.setPlayerInteraction)(true));
@@ -262,7 +263,7 @@ var initPlayer = function (config) {
 exports.initPlayer = initPlayer;
 var launch = function (launchConfig) {
     return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetIdRaw, customIdRaw, stageId, configurationId, initialConfigurationRaw, customId, assetId, threekitDomainRaw, authToken, playerScriptUrl, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
+        var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetIdRaw, customIdRaw, stageId, configurationId, initialConfigurationRaw, customId, assetId, threekitDomainRaw, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
         var _b, _c, _d, _e, _f, _g, _h, _j;
         return __generator(this, function (_k) {
             switch (_k.label) {
@@ -333,7 +334,7 @@ var launch = function (launchConfig) {
                         ? undefined
                         : (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.assetId) || assetIdRaw;
                     threekitDomainRaw = envCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
-                    authToken = envCredentials.publicToken, playerScriptUrl = envCredentials.playerScriptUrl;
+                    authToken = envCredentials.publicToken;
                     if (playerConfig.elementId) {
                         el = document.getElementById(playerConfig.elementId);
                         if (el)
@@ -372,8 +373,7 @@ var launch = function (launchConfig) {
                         throw new Error('missing assetId and customId');
                     return [4, new Promise(function (resolve) {
                             var script = document.createElement('script');
-                            script.src =
-                                playerScriptUrl || "".concat(threekitDomain, "/app/js/threekit-player-bundle.js");
+                            script.src = "".concat(threekitDomain, "/app/js/threekit-player-bundle.js");
                             script.id = 'threekit-player-bundle';
                             script.onload = function () { return resolve(); };
                             document.head.appendChild(script);
@@ -403,21 +403,28 @@ var launch = function (launchConfig) {
                     dispatch((0, price_1.initPrice)());
                     dispatch((0, price_1.updatePrice)());
                     dispatch((0, wishlist_1.refreshWishlist)());
-                    dispatch((0, exports.setThreekitInitialized)(true));
                     return [2];
             }
         });
     }); };
 };
 exports.launch = launch;
-var unloadPlayer = function (dispatch) {
-    dispatch((0, exports.setThreekitInitialized)(false));
-    dispatch((0, exports.setPlayerLoading)(true));
-    dispatch((0, attributes_1.setAttributes)([]));
-    dispatch((0, product_1.setName)(''));
-    dispatch((0, product_1.setMetadata)({}));
-    return window.threekit.player.unload();
-};
+var unloadPlayer = function () { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                dispatch((0, exports.setThreekitInitialized)(false));
+                dispatch((0, exports.setPlayerLoading)(true));
+                dispatch((0, attributes_1.setAttributes)([]));
+                dispatch((0, product_1.setName)(''));
+                dispatch((0, product_1.setMetadata)({}));
+                return [4, window.threekit.player.unload()];
+            case 1:
+                _a.sent();
+                return [2];
+        }
+    });
+}); }; };
 exports.unloadPlayer = unloadPlayer;
 var reloadPlayer = function (config) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
@@ -454,7 +461,7 @@ var reloadPlayer = function (config) {
                     playerConfig = Object.assign({}, constants_1.DEFAULT_PLAYER_CONFIG, trebleConfig.player);
                     el = document.getElementById(state.treble.playerElId);
                     if (!state.treble.isThreekitInitialized) return [3, 6];
-                    return [4, dispatch(exports.unloadPlayer)];
+                    return [4, dispatch((0, exports.unloadPlayer)())];
                 case 5:
                     _a.sent();
                     _a.label = 6;

package/dist/types.d.ts

@@ -281,14 +281,13 @@ export interface IThreekitConfigurator {
     setConfiguration: (configuration: ISetConfiguration | IConfiguration) => Promise<IConfiguration>;
     getPrice: (pricebookId: string, currency: string) => number;
     getDisplayAttributes: (config?: IDisplayAttributeConfig) => Array<IThreekitDisplayAttribute>;
-    getNestedConfigurator: (...path: Array<string | number | Array<string | number>>) => IThreekitConfigurator | undefined;
+    getNestedConfigurator: (path: string | Array<string | number>) => IThreekitConfigurator | undefined;
     getFullConfiguration: (options?: {
         resolve?: boolean;
         hydrate?: boolean;
     }) => IConfiguration;
     setFullConfiguration: (configuration: IConfiguration) => Promise<void>;
     on: (eventName: string, callback: () => void) => void;
-    clone: () => Promise<IThreekitConfigurator>;
 }
 export interface IThreekitScene {
     PHASES: {
@@ -397,7 +396,6 @@ export interface ICredential {
     publicToken: string;
     publishStage?: string;
     threekitDomain?: string;
-    playerScriptUrl?: string;
 }
 export interface ICredentials extends Record<string, ICredential> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.95-next-01",
+  "version": "0.0.96",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [

package/dist/hooks/useSpaces/SpacesLayout.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ICoordinate2D } from './types';
-interface ISpacesLayout {
-    loops?: Array<ICoordinate2D[]>;
-    size?: number;
-    color?: string;
-    padding?: number;
-    strokeWidth?: number;
-}
-export default function SpacesLayout(props: ISpacesLayout): JSX.Element;
-export {};

package/dist/hooks/useSpaces/SpacesLayout.js

@@ -1,74 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function SpacesLayout(props) {
-    var loops = props.loops;
-    var size = props.size || 20;
-    var padding = props.padding || 2;
-    var strokeWidth = props.strokeWidth || 2;
-    if (!(loops === null || loops === void 0 ? void 0 : loops.length))
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    var _a = loops.reduce(function (output, loop, i) {
-        loop.forEach(function (_a, j) {
-            var x = _a[0], y = _a[1];
-            if (!i && !j) {
-                output = {
-                    xMin: x,
-                    yMin: y,
-                    xMax: x,
-                    yMax: y,
-                };
-            }
-            else {
-                if (x < output.xMin)
-                    output.xMin = x;
-                else if (x > output.xMax)
-                    output.xMax = x;
-                if (y < output.yMin)
-                    output.yMin = y;
-                else if (y > output.yMax)
-                    output.yMax = y;
-            }
-        });
-        return output;
-    }, {
-        xMin: 0,
-        yMin: 0,
-        xMax: 0,
-        yMax: 0,
-    }), xMin = _a.xMin, yMin = _a.yMin, xMax = _a.xMax, yMax = _a.yMax;
-    var xSpan = xMax - xMin;
-    var ySpan = yMax - yMin;
-    var xCenter = xMin + xSpan / 2;
-    var yCenter = yMin + ySpan / 2;
-    var scaleFactor = (size - 2 * padding) / Math.max(xSpan, ySpan);
-    var translate = [
-        xCenter * scaleFactor - size / 2,
-        yCenter * scaleFactor - size / 2,
-    ];
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), loops.map(function (loop, i) {
-        var path = loop
-            .map(function (point, i) {
-            var x = point[0] * scaleFactor - translate[0];
-            var y = point[1] * scaleFactor - translate[1];
-            return (!i ? 'M ' : 'L ') + x + ' ' + y;
-        })
-            .join(' ') + ' Z';
-        return (react_1.default.createElement("path", { key: "path-".concat(i), d: path, stroke: props.color, strokeWidth: strokeWidth }));
-    })));
-}
-exports.default = SpacesLayout;