@threekit-tools/treble 0.0.87 → 0.0.89-next-001

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,15 @@ 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 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 +98,13 @@ 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[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,13 @@ 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 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, 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.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,21 @@ 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 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/product.d.ts

@@ -16,8 +16,7 @@ export interface LoadProductConfig {
 export interface CachedProductState extends Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'> {
     data: string;
 }
-interface IEnvConfig extends Record<string, Partial<IProduct>> {
-}
+declare type IEnvConfig = Record<string, Partial<IProduct>>;
 export interface IHydratedProducts extends Record<string, IEnvConfig> {
 }
 export interface ProductState {
@@ -42,8 +41,9 @@ 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 initProduct: (prods?: IHydratedProducts) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
+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) => {
     payload: CachedProductState;
     type: string;
@@ -52,4 +52,5 @@ export declare const loadProduct: (id: string, config?: LoadProductConfig) => (d
 export declare const loadNewProduct: (config: undefined | string | IReloadConfig) => (dispatch: ThreekitDispatch) => Promise<void>;
 export declare const changeActiveCacheIdx: (idx: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export declare const removeProductIdx: (idx?: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
+export declare const resetProductConfiguration: () => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;

package/dist/store/product.js

@@ -50,11 +50,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeProductIdx = exports.changeActiveCacheIdx = exports.loadNewProduct = exports.loadProduct = exports.cacheActiveProduct = exports.initProduct = 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;
+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");
+var INITIAL_CONFIGURATIONS = {};
 exports.setProductId = (0, toolkit_1.createAction)('treble/set-product-id');
 exports.setName = (0, toolkit_1.createAction)('treble/set-product-name');
 exports.setMetadata = (0, toolkit_1.createAction)('treble/set-metadata');
@@ -137,30 +139,35 @@ 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 } : {});
     });
 };
 exports.getProductCache = getProductCache;
-var initProduct = function (prods) {
-    return function (dispatch, getState) {
-        if (prods)
-            exports.PRODUCTS = prods;
-        if (!window.threekit)
-            return;
-        var state = getState();
-        var name = window.threekit.player.scene.get({
-            id: window.threekit.player.assetId,
-        }).name;
-        var metadata = window.threekit.configurator.getMetadata();
-        dispatch((0, exports.setName)(name));
-        dispatch((0, exports.setMetadata)(metadata));
-        if (!state.product.cache.length) {
-            dispatch((0, exports.setActiveCacheIdx)(0));
-            dispatch((0, exports.cacheActiveProduct)());
-        }
-    };
+var setProducts = function (products) {
+    return (exports.PRODUCTS = products);
 };
+exports.setProducts = setProducts;
+var initProduct = function () { return function (dispatch, getState) {
+    var state = getState();
+    var name = window.threekit.player.scene.get({
+        id: window.threekit.player.assetId,
+    }).name;
+    var metadata = window.threekit.configurator.getMetadata();
+    var productId = state.product.id;
+    if (productId && !INITIAL_CONFIGURATIONS[productId]) {
+        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
+        var configuration = player.configurator.getFullConfiguration();
+        INITIAL_CONFIGURATIONS[productId] = JSON.stringify(configuration);
+    }
+    dispatch((0, exports.setName)(name));
+    dispatch((0, exports.setMetadata)(metadata));
+    if (!state.product.cache.length) {
+        dispatch((0, exports.setActiveCacheIdx)(0));
+        dispatch((0, exports.cacheActiveProduct)());
+    }
+}; };
 exports.initProduct = initProduct;
 var cacheActiveProduct = function (config) {
     return function (dispatch, getState) {
@@ -199,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];
             }
         });
@@ -223,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];
             }
         });
@@ -306,4 +311,16 @@ var removeProductIdx = function (idx) {
     }); };
 };
 exports.removeProductIdx = removeProductIdx;
+var resetProductConfiguration = function () { return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, initialConfiguration;
+    return __generator(this, function (_a) {
+        state = getState();
+        if (!state.product.id)
+            return [2];
+        initialConfiguration = INITIAL_CONFIGURATIONS[state.product.id];
+        dispatch((0, attributes_1.setConfiguration)(JSON.parse(initialConfiguration)));
+        return [2];
+    });
+}); }; };
+exports.resetProductConfiguration = resetProductConfiguration;
 exports.default = reducer;

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,
@@ -199,7 +203,6 @@ var initPlayer = function (config) {
                             treble: new Treble_1.default({
                                 player: player,
                                 orgId: orgId,
-                                initialConfiguration: configurator.getConfiguration(),
                             }),
                         };
                     dispatch((0, exports.setThreekitInitialized)(true));
@@ -306,7 +309,7 @@ var launch = function (launchConfig) {
                     }, {});
                     if (!Object.keys(credentials).length || !Object.keys(products).length)
                         return [2, console.error('Missing credentials')];
-                    dispatch((0, product_1.initProduct)(products));
+                    (0, product_1.setProducts)(products);
                     dispatch((0, product_1.setProductId)(productId));
                     threekitEnv = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.threekitEnv) || process.env.THREEKIT_ENV || 'preview';
                     serverUrl = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.serverUrl) || ((_g = config === null || config === void 0 ? void 0 : config.project) === null || _g === void 0 ? void 0 : _g.serverUrl);

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?: 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.87",
+  "version": "0.0.89-next-001",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [