@threekit-tools/treble 0.0.88 → 0.0.89-next-002

package/dist/icons/ZoomOut.d.ts

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

package/dist/icons/ZoomOut.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZoomOut = 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.theme.textColor; });
-var ZoomOut = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+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 ZoomOut = 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", { d: "M16 8.00002L8 8.00002", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M7.75737 12.2427C10.1005 14.5858 13.8995 14.5858 16.2427 12.2427C18.5858 9.89951 18.5858 6.10052 16.2427 3.75737C13.8995 1.41423 10.1005 1.41423 7.75737 3.75737C5.41422 6.10052 5.41422 9.89951 7.75737 12.2427ZM7.75737 12.2427L5.9896 14.0104M5.9896 14.0104C6.34316 14.364 6.34316 14.364 5.9896 14.7175C5.63605 15.0711 3.51473 17.1924 3.16118 17.546C2.80762 17.8995 2.80762 17.8995 2.45407 17.546C2.10052 17.1924 2.10052 17.1924 2.45407 16.8389C2.80762 16.4853 4.92894 14.364 5.2825 14.0104C5.63605 13.6569 5.63605 13.6569 5.9896 14.0104Z", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/index.d.ts

@@ -1,9 +1,5 @@
-import React from 'react';
-import SpinnerIcon from './Spinner';
-export interface IIcon extends React.FC {
-    iconName: string;
-}
+import Spinner from './Spinner';
 declare const _default: {
-    [x: string]: IIcon | typeof SpinnerIcon;
+    [x: string]: import("./types").IIcon | typeof Spinner;
 };
 export default _default;

package/dist/icons/index.js

@@ -46,6 +46,16 @@ var Wishlist_1 = __importDefault(require("./Wishlist"));
 var ZoomIn_1 = __importDefault(require("./ZoomIn"));
 var ZoomOut_1 = __importDefault(require("./ZoomOut"));
 var Spinner_1 = __importDefault(require("./Spinner"));
+var Angle_1 = __importDefault(require("./Angle"));
+var Cursor_1 = __importDefault(require("./Cursor"));
+var Draw_1 = __importDefault(require("./Draw"));
+var Door_1 = __importDefault(require("./Door"));
+var Layout_1 = __importDefault(require("./Layout"));
+var Opening_1 = __importDefault(require("./Opening"));
+var Window_1 = __importDefault(require("./Window"));
+var Wall_1 = __importDefault(require("./Wall"));
+var TrashCan_1 = __importDefault(require("./TrashCan"));
+var TrashCanAlt_1 = __importDefault(require("./TrashCanAlt"));
 exports.default = (_a = {},
     _a[Add_1.default.iconName] = Add_1.default,
     _a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,
@@ -89,4 +99,14 @@ exports.default = (_a = {},
     _a[ZoomIn_1.default.iconName] = ZoomIn_1.default,
     _a[ZoomOut_1.default.iconName] = ZoomOut_1.default,
     _a[Spinner_1.default.iconName] = Spinner_1.default,
+    _a[Angle_1.default.iconName] = Angle_1.default,
+    _a[Cursor_1.default.iconName] = Cursor_1.default,
+    _a[Draw_1.default.iconName] = Draw_1.default,
+    _a[Door_1.default.iconName] = Door_1.default,
+    _a[Layout_1.default.iconName] = Layout_1.default,
+    _a[Opening_1.default.iconName] = Opening_1.default,
+    _a[Window_1.default.iconName] = Window_1.default,
+    _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);

package/dist/icons/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IIconProps {
+    color?: string;
+}
+export interface IIcon extends React.FC<IIconProps> {
+    iconName: string;
+}

package/dist/icons/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import useProductCache from './hooks/useProductCache';
 import useNestedConfigurator from './hooks/useNestedConfigurator';
 import useLoadingProgress from './hooks/useLoadingProgress';
 import usePlayer from './hooks/usePlayer';
+import useRoomBuilder from './hooks/useRoomBuilder';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -96,4 +97,14 @@ import WishlistIcon from './icons/Wishlist';
 import ZoomInIcon from './icons/ZoomIn';
 import ZoomOutIcon from './icons/ZoomOut';
 import SpinnerIcon from './icons/Spinner';
-export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, 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, };
+import AngleIcon from './icons/Angle';
+import TrashCanIcon from './icons/TrashCan';
+import TrashCanAltIcon from './icons/TrashCanAlt';
+import CursorIcon from './icons/Cursor';
+import WindowIcon from './icons/Window';
+import DrawIcon from './icons/Draw';
+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, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useRoomBuilder, 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,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrebleApp = exports.Share = exports.Wishlist = 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.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
-exports.SpinnerIcon = 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 = void 0;
+exports.Share = exports.Wishlist = 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.useRoomBuilder = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
+exports.AngleIcon = exports.SpinnerIcon = 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 = void 0;
+exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -41,6 +42,8 @@ var useLoadingProgress_1 = __importDefault(require("./hooks/useLoadingProgress")
 exports.useLoadingProgress = useLoadingProgress_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 ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
@@ -201,3 +204,23 @@ var ZoomOut_1 = __importDefault(require("./icons/ZoomOut"));
 exports.ZoomOutIcon = ZoomOut_1.default;
 var Spinner_1 = __importDefault(require("./icons/Spinner"));
 exports.SpinnerIcon = Spinner_1.default;
+var Angle_1 = __importDefault(require("./icons/Angle"));
+exports.AngleIcon = Angle_1.default;
+var TrashCan_1 = __importDefault(require("./icons/TrashCan"));
+exports.TrashCanIcon = TrashCan_1.default;
+var TrashCanAlt_1 = __importDefault(require("./icons/TrashCanAlt"));
+exports.TrashCanAltIcon = TrashCanAlt_1.default;
+var Cursor_1 = __importDefault(require("./icons/Cursor"));
+exports.CursorIcon = Cursor_1.default;
+var Window_1 = __importDefault(require("./icons/Window"));
+exports.WindowIcon = Window_1.default;
+var Draw_1 = __importDefault(require("./icons/Draw"));
+exports.DrawIcon = Draw_1.default;
+var Door_1 = __importDefault(require("./icons/Door"));
+exports.DoorIcon = Door_1.default;
+var Opening_1 = __importDefault(require("./icons/Opening"));
+exports.OpeningIcon = Opening_1.default;
+var Wall_1 = __importDefault(require("./icons/Wall"));
+exports.WallIcon = Wall_1.default;
+var Layout_1 = __importDefault(require("./icons/Layout"));
+exports.LayoutIcon = Layout_1.default;

package/dist/store/index.d.ts

@@ -7,28 +7,21 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, 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>>>>;
+}, 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").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -36,44 +29,30 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}, 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>;
+}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;
 export declare const useThreekitSelector: TypedUseSelectorHook<RootState>;
 export default createStore;

package/dist/store/product.d.ts

@@ -41,7 +41,7 @@ export declare const getProductId: (state: RootState) => undefined | string;
 export declare const getName: (state: RootState) => undefined | string;
 export declare const getMetadata: (state: RootState) => undefined | IMetadata;
 export declare const getActiveCacheIdx: (state: RootState) => number;
-export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'name' | 'label' | 'thumbnail'>>;
+export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'>>;
 export declare const setProducts: (products: IHydratedProducts) => IHydratedProducts;
 export declare const initProduct: () => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
 export declare const cacheActiveProduct: (config?: Pick<IReloadConfig, 'label' | 'thumbnail'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => {

package/dist/store/product.js

@@ -139,6 +139,7 @@ exports.getActiveCacheIdx = getActiveCacheIdx;
 var getProductCache = function (state) {
     return state.product.cache.map(function (prod) {
         return Object.assign({
+            id: prod.id,
             name: prod.name,
         }, prod.label ? { label: prod.label } : {}, prod.thumbnail ? { thumbnail: prod.thumbnail } : {});
     });
@@ -205,10 +206,9 @@ var loadProduct = function (id, config) {
                     return [4, dispatch((0, treble_1.reloadPlayer)(productConfig))];
                 case 1:
                     _a.sent();
-                    if (cacheProduct) {
+                    if (cacheProduct)
                         dispatch((0, exports.incrementActiveCacheIdx)());
-                        dispatch((0, exports.cacheActiveProduct)());
-                    }
+                    dispatch((0, exports.cacheActiveProduct)());
                     return [2];
             }
         });
@@ -229,16 +229,15 @@ var loadNewProduct = function (config) {
                             shouldCacheProduct = false;
                     }
                     if (shouldCacheProduct)
-                        dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
+                        dispatch((0, exports.cacheActiveProduct)());
                     if (config)
                         dispatch((0, exports.setProductId)(undefined));
                     return [4, dispatch((0, treble_1.reloadPlayer)(config))];
                 case 1:
                     _a.sent();
-                    if (shouldCacheProduct) {
+                    if (shouldCacheProduct)
                         dispatch((0, exports.incrementActiveCacheIdx)());
-                        dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
-                    }
+                    dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
                     return [2];
             }
         });

package/dist/store/treble.js

@@ -167,7 +167,7 @@ var getPlayerInteraction = function (state) {
 exports.getPlayerInteraction = getPlayerInteraction;
 var initPlayer = function (config) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
-        var el, authToken, assetId, stageId, playerConfig, initialConfiguration, player, configurator, orgId, ruleName;
+        var el, authToken, assetId, stageId, playerConfig, initialConfiguration, player, configurator, orgId, cacheParameters, ruleName;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -185,6 +185,10 @@ var initPlayer = function (config) {
                     configurator = _a.sent();
                     orgId = player.enableApi(types_1.PRIVATE_APIS.PLAYER).orgId;
                     connection_1.default.connect({ orgId: orgId });
+                    cacheParameters = player.cacheParameters;
+                    if (cacheParameters) {
+                        connection_1.default.connect({ cacheParameters: cacheParameters });
+                    }
                     if (window.threekit) {
                         window.threekit = Object.assign(window.threekit, {
                             player: player,
@@ -285,6 +289,7 @@ var launch = function (launchConfig) {
                             }
                             else {
                                 stageId = conf.stageId;
+                                initialConfiguration = conf.initialConfiguration;
                                 if (conf.configurationId)
                                     configurationId = conf.configurationId;
                                 else if ((0, utils_1.isUuid)(conf.assetId))

package/dist/types.d.ts

@@ -19,7 +19,8 @@ export declare enum ATTRIBUTE_TYPES {
     ASSET = "Asset",
     COLOR = "Color",
     NUMBER = "Number",
-    BOOLEAN = "Boolean"
+    BOOLEAN = "Boolean",
+    ARRAY = "Array"
 }
 export declare enum ASSET_TYPES {
     UPLOAD = "upload",
@@ -86,15 +87,17 @@ export interface ISceneResult {
 }
 export interface IConfigurationAsset {
     assetId: string;
-    configuration?: IConfiguration | string;
+    configuration?: string | IConfiguration;
     type?: string;
 }
+export interface IConfigurationArray extends Array<IConfigurationAsset> {
+}
 export interface IConfigurationColor {
     r: number;
     g: number;
     b: number;
 }
-export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationColor | string | number | boolean | undefined;
+export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationArray | IConfigurationColor | string | number | boolean | undefined;
 export declare type IConfiguration = Record<string, IConfigurationAttribute>;
 export declare type ISetConfiguration = Record<string, IConfigurationAttribute>;
 interface IDisplayAttributeConfig {
@@ -126,7 +129,7 @@ export interface IHydratedAttributeAssetValue extends IDisplayAttributeAssetValu
 }
 export interface IAttributeAssetBase<V> extends IAttributeBase<ATTRIBUTE_TYPES.ASSET, IConfigurationAsset> {
     assetType: ASSET_TYPES;
-    blacklist: [];
+    blacklist: Array<string>;
     defaultValue: IConfigurationAsset;
     hiddenValues?: Array<string>;
     disabledValues?: Array<string>;
@@ -135,6 +138,38 @@ export interface IAttributeAssetBase<V> extends IAttributeBase<ATTRIBUTE_TYPES.A
 export declare type IDisplayAttributeAsset = IAttributeAssetBase<IDisplayAttributeAssetValue>;
 export declare type IHydratedAttributeAsset = IAttributeAssetBase<IHydratedAttributeAssetValue>;
 export declare type IAttributeAsset = IAttributeAssetBase<IConfigurationAssetValue>;
+export interface IConfigurationArrayValue {
+    assetId: string;
+    name: string;
+    configuration?: Record<string, IThreekitDisplayAttribute>;
+}
+export interface IDisplayAttributeArrayValue extends IConfigurationArrayValue {
+    name: string;
+    type: string;
+    enabled: boolean;
+    visible: boolean;
+    metadata: IMetadata;
+    tags: Array<string>;
+    label: string;
+}
+export interface IHydratedAttributeArrayValue extends IDisplayAttributeArrayValue {
+    label: string;
+    handleSelect: () => Promise<void>;
+    selected: boolean;
+}
+export interface IAttributeArrayBase<V> extends IAttributeBase<ATTRIBUTE_TYPES.ARRAY, IConfigurationArray> {
+    blacklist: Array<string>;
+    hiddenValues?: Array<string>;
+    disabledValues?: Array<string>;
+    values: Array<V>;
+    of: {
+        type: ATTRIBUTE_TYPES.ASSET;
+        assetType: ASSET_TYPES;
+    };
+}
+export declare type IDisplayAttributeArray = IAttributeArrayBase<IDisplayAttributeArrayValue>;
+export declare type IHydratedAttributeArray = IAttributeArrayBase<IHydratedAttributeArrayValue>;
+export declare type IAttributeArray = IAttributeArrayBase<Pick<IConfigurationArrayValue, 'assetId'>>;
 export interface IDisplayAttributeStringValue {
     label: string;
     value: string;
@@ -166,9 +201,9 @@ export interface IAttributeNumber extends IAttributeBase<ATTRIBUTE_TYPES.NUMBER,
 export interface IAttributeBoolean extends IAttributeBase<ATTRIBUTE_TYPES.BOOLEAN, boolean> {
     defaultValue: boolean;
 }
-export declare type IThreekitAttribute = IAttributeAsset | IAttributeColor | IAttributeString | IAttributeNumber | IAttributeBoolean;
-export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
-export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
+export declare type IThreekitAttribute = IAttributeAsset | IAttributeArray | IAttributeColor | IAttributeString | IAttributeNumber | IAttributeBoolean;
+export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeArray | IDisplayAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
+export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeArray | IHydratedAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
 export interface ICoordinates {
     x: number;
     y: number;
@@ -266,6 +301,10 @@ export interface IThreekitCamera {
     setQuaternion: (quaternion: IQuaternion) => void;
     zoom: (delta: number) => void;
 }
+export interface ICacheParameters {
+    maxAge: number;
+    scope: string;
+}
 export interface IThreekitPlayer {
     assetId: string;
     instanceId: string;
@@ -279,6 +318,7 @@ export interface IThreekitPlayer {
     enableApi: <T extends PRIVATE_APIS>(api: T) => T extends PRIVATE_APIS.PLAYER ? IThreekitPrivatePlayer : any;
     snapshotAsync: (snapshotConfig: ISnapshotConfig) => Promise<string>;
     unload: () => Promise<string>;
+    cacheParameters: ICacheParameters;
 }
 export interface IThreekitPrivateConfigurator extends IThreekitConfigurator {
     name: string;

package/dist/types.js

@@ -24,6 +24,7 @@ var ATTRIBUTE_TYPES;
     ATTRIBUTE_TYPES["COLOR"] = "Color";
     ATTRIBUTE_TYPES["NUMBER"] = "Number";
     ATTRIBUTE_TYPES["BOOLEAN"] = "Boolean";
+    ATTRIBUTE_TYPES["ARRAY"] = "Array";
 })(ATTRIBUTE_TYPES = exports.ATTRIBUTE_TYPES || (exports.ATTRIBUTE_TYPES = {}));
 var ASSET_TYPES;
 (function (ASSET_TYPES) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.88",
+  "version": "0.0.89-next-002",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [