@threekit-tools/treble 0.0.60 → 0.0.63

package/dist/store/product.js

@@ -50,7 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeProductIdx = exports.changeActiveProductIdx = exports.loadNewProduct = exports.cacheActiveProduct = exports.initProduct = exports.getProductCache = exports.getActiveProductIdx = exports.getMetadata = exports.getName = exports.decrementActiveProductIdx = exports.incrementActiveProductIdx = exports.setActiveProductIdx = exports.removeProductFromCache = exports.updateActiveProductCache = exports.addProductToCache = exports.setMetadata = exports.setName = exports.PRODUCTS = void 0;
+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;
 var toolkit_1 = require("@reduxjs/toolkit");
 var connection_1 = __importDefault(require("../connection"));
 var treble_1 = require("./treble");
@@ -58,62 +58,68 @@ var treble_1 = require("./treble");
  * Actions
  ****************************************************/
 //  Actions to be used only internally
-exports.setName = (0, toolkit_1.createAction)('treble/product/set-name');
-exports.setMetadata = (0, toolkit_1.createAction)('treble/product/set-metadata');
-exports.addProductToCache = (0, toolkit_1.createAction)('treble/add-product-to-cache');
+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');
+exports.appendToCache = (0, toolkit_1.createAction)('treble/append-to-cache');
 exports.updateActiveProductCache = (0, toolkit_1.createAction)('treble/update-active-product-cache');
-exports.removeProductFromCache = (0, toolkit_1.createAction)('treble/remove-product-from-cache');
-exports.setActiveProductIdx = (0, toolkit_1.createAction)('treble/set-active-product-idx');
-exports.incrementActiveProductIdx = (0, toolkit_1.createAction)('treble/increment-active-product-idx');
-exports.decrementActiveProductIdx = (0, toolkit_1.createAction)('treble/decrement-active-product-idx');
+exports.removeFromCache = (0, toolkit_1.createAction)('treble/remove-from-cache');
+exports.setActiveCacheIdx = (0, toolkit_1.createAction)('treble/set-active-cache-idx');
+exports.incrementActiveCacheIdx = (0, toolkit_1.createAction)('treble/increment-active-cache-idx');
+exports.decrementActiveCacheIdx = (0, toolkit_1.createAction)('treble/decrement-active-cache-idx');
 /*****************************************************
  * State
  ****************************************************/
 var initialState = {
+    //  ID of initialized item
+    id: undefined,
     //  Name of the Initialized Item
     name: undefined,
     //  Initialized item's metadata
     metadata: undefined,
     //  cached products. Does not include the active product
-    cachedProducts: [],
-    activeProductIdx: 0,
+    cache: [],
+    activeCacheIdx: 0,
 };
 var reducer = (0, toolkit_1.createSlice)({
     name: 'product',
     initialState: initialState,
     extraReducers: function (builder) {
+        builder.addCase(exports.setProductId, function (state, action) {
+            return __assign(__assign({}, state), { id: action.payload });
+        });
         builder.addCase(exports.setName, function (state, action) {
             return __assign(__assign({}, state), { name: action.payload });
         });
         builder.addCase(exports.setMetadata, function (state, action) {
             return __assign(__assign({}, state), { metadata: action.payload });
         });
-        builder.addCase(exports.addProductToCache, function (state, action) {
-            state.cachedProducts.push(action.payload);
+        builder.addCase(exports.appendToCache, function (state, action) {
+            state.cache.push(action.payload);
             return state;
         });
-        builder.addCase(exports.removeProductFromCache, function (state, action) {
-            state.cachedProducts.splice(action.payload, 1);
+        builder.addCase(exports.removeFromCache, function (state, action) {
+            state.cache.splice(action.payload, 1);
             return state;
         });
         builder.addCase(exports.updateActiveProductCache, function (state, action) {
-            state.cachedProducts[state.activeProductIdx] = Object.assign({}, state.cachedProducts[state.activeProductIdx], action.payload);
+            state.cache[state.activeCacheIdx] = Object.assign({}, state.cache[state.activeCacheIdx], action.payload);
             return state;
         });
-        builder.addCase(exports.setActiveProductIdx, function (state, action) {
-            state.activeProductIdx = action.payload;
+        builder.addCase(exports.setActiveCacheIdx, function (state, action) {
+            state.activeCacheIdx = action.payload;
             return state;
         });
-        builder.addCase(exports.incrementActiveProductIdx, function (state) {
-            state.activeProductIdx =
-                state.activeProductIdx >= state.cachedProducts.length
-                    ? state.activeProductIdx
-                    : state.activeProductIdx + 1;
+        builder.addCase(exports.incrementActiveCacheIdx, function (state) {
+            state.activeCacheIdx =
+                state.activeCacheIdx >= state.cache.length
+                    ? state.activeCacheIdx
+                    : state.activeCacheIdx + 1;
             return state;
         });
-        builder.addCase(exports.decrementActiveProductIdx, function (state) {
-            state.activeProductIdx =
-                state.activeProductIdx === 0 ? 0 : state.activeProductIdx - 1;
+        builder.addCase(exports.decrementActiveCacheIdx, function (state) {
+            state.activeCacheIdx =
+                state.activeCacheIdx === 0 ? 0 : state.activeCacheIdx - 1;
             return state;
         });
     },
@@ -122,6 +128,10 @@ var reducer = (0, toolkit_1.createSlice)({
 /*****************************************************
  * Standard Selectors
  ****************************************************/
+var getProductId = function (state) {
+    return state.product.id;
+};
+exports.getProductId = getProductId;
 var getName = function (state) {
     return state.product.name;
 };
@@ -132,12 +142,12 @@ var getMetadata = function (state) {
 };
 exports.getMetadata = getMetadata;
 //  Product Cache
-var getActiveProductIdx = function (state) {
-    return state.product.activeProductIdx;
+var getActiveCacheIdx = function (state) {
+    return state.product.activeCacheIdx;
 };
-exports.getActiveProductIdx = getActiveProductIdx;
+exports.getActiveCacheIdx = getActiveCacheIdx;
 var getProductCache = function (state) {
-    return state.product.cachedProducts.map(function (prod) {
+    return state.product.cache.map(function (prod) {
         return Object.assign({
             name: prod.name,
         }, prod.label ? { label: prod.label } : {}, prod.thumbnail ? { thumbnail: prod.thumbnail } : {});
@@ -158,8 +168,8 @@ var initProduct = function (prods) {
         var metadata = window.threekit.configurator.getMetadata();
         dispatch((0, exports.setName)(name));
         dispatch((0, exports.setMetadata)(metadata));
-        if (!state.product.cachedProducts.length) {
-            dispatch((0, exports.setActiveProductIdx)(0));
+        if (!state.product.cache.length) {
+            dispatch((0, exports.setActiveCacheIdx)(0));
             dispatch((0, exports.cacheActiveProduct)());
         }
     };
@@ -174,11 +184,43 @@ var cacheActiveProduct = function (config) {
         delete connectionObj.threekitDomain;
         var configuration = window.threekit.configurator.getConfiguration();
         var data = { connection: connectionObj, configuration: configuration };
-        var product = Object.assign({ name: state.product.name, data: JSON.stringify(data) }, label ? { label: label } : {}, thumbnail ? { thumbnail: thumbnail } : {});
+        var product = Object.assign({
+            id: state.product.id,
+            name: state.product.name,
+            data: JSON.stringify(data),
+        }, label ? { label: label } : {}, thumbnail ? { thumbnail: thumbnail } : {});
         return dispatch((0, exports.updateActiveProductCache)(product));
     };
 };
 exports.cacheActiveProduct = cacheActiveProduct;
+var loadProduct = function (id) {
+    return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
+        var state, productsList, shouldCacheProduct, productConfig;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    state = getState();
+                    productsList = Object.keys(exports.PRODUCTS);
+                    shouldCacheProduct = true;
+                    if (!productsList.includes(id))
+                        return [2 /*return*/];
+                    productConfig = exports.PRODUCTS[id][state.treble.threekitEnv];
+                    dispatch((0, exports.setProductId)(id));
+                    if (shouldCacheProduct)
+                        dispatch((0, exports.cacheActiveProduct)());
+                    return [4 /*yield*/, dispatch((0, treble_1.reloadPlayer)(productConfig))];
+                case 1:
+                    _a.sent();
+                    if (shouldCacheProduct) {
+                        dispatch((0, exports.incrementActiveCacheIdx)());
+                        dispatch((0, exports.cacheActiveProduct)());
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+};
+exports.loadProduct = loadProduct;
 var loadNewProduct = function (config) {
     return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
         var label, thumbnail, shouldCacheProduct;
@@ -194,11 +236,12 @@ var loadNewProduct = function (config) {
                     }
                     if (shouldCacheProduct)
                         dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
+                    dispatch((0, exports.setProductId)(undefined));
                     return [4 /*yield*/, dispatch((0, treble_1.reloadPlayer)(config))];
                 case 1:
                     _a.sent();
                     if (shouldCacheProduct) {
-                        dispatch((0, exports.incrementActiveProductIdx)());
+                        dispatch((0, exports.incrementActiveCacheIdx)());
                         dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
                     }
                     return [2 /*return*/];
@@ -207,21 +250,22 @@ var loadNewProduct = function (config) {
     }); };
 };
 exports.loadNewProduct = loadNewProduct;
-var changeActiveProductIdx = function (idx) {
+var changeActiveCacheIdx = function (idx) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
-        var state, cachedProducts, cachedProduct, data;
+        var state, cache, cachedProduct, data;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     state = getState();
-                    cachedProducts = state.product.cachedProducts;
-                    if (idx >= cachedProducts.length)
+                    cache = state.product.cache;
+                    if (idx >= cache.length)
                         return [2 /*return*/, Promise.resolve()];
                     dispatch((0, exports.cacheActiveProduct)());
-                    cachedProduct = __assign({}, state.product.cachedProducts[idx]);
+                    cachedProduct = __assign({}, state.product.cache[idx]);
                     data = JSON.parse(cachedProduct.data);
                     connection_1.default.connect(data.connection);
-                    dispatch((0, exports.setActiveProductIdx)(idx));
+                    dispatch((0, exports.setActiveCacheIdx)(idx));
+                    dispatch((0, exports.setProductId)(cachedProduct.id));
                     return [4 /*yield*/, dispatch((0, treble_1.reloadPlayer)({
                             assetId: data.connection.assetId,
                             configuration: data.configuration,
@@ -233,38 +277,38 @@ var changeActiveProductIdx = function (idx) {
         });
     }); };
 };
-exports.changeActiveProductIdx = changeActiveProductIdx;
+exports.changeActiveCacheIdx = changeActiveCacheIdx;
 var removeProductIdx = function (idx) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
-        var state, _a, cachedProducts, activeProductIdx;
+        var state, _a, cache, activeCacheIdx;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     state = getState();
-                    _a = state.product, cachedProducts = _a.cachedProducts, activeProductIdx = _a.activeProductIdx;
-                    if (cachedProducts.length <= 1)
+                    _a = state.product, cache = _a.cache, activeCacheIdx = _a.activeCacheIdx;
+                    if (cache.length <= 1)
                         return [2 /*return*/, Promise.resolve()];
-                    if (!(!idx || idx === activeProductIdx)) return [3 /*break*/, 5];
-                    if (!(activeProductIdx === state.product.cachedProducts.length - 1)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, dispatch((0, exports.changeActiveProductIdx)(activeProductIdx - 1))];
+                    if (!(!idx || idx === activeCacheIdx)) return [3 /*break*/, 5];
+                    if (!(activeCacheIdx === state.product.cache.length - 1)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, dispatch((0, exports.changeActiveCacheIdx)(activeCacheIdx - 1))];
                 case 1:
                     _b.sent();
-                    dispatch((0, exports.removeProductFromCache)(activeProductIdx));
+                    dispatch((0, exports.removeFromCache)(activeCacheIdx));
                     return [3 /*break*/, 4];
                 case 2:
-                    dispatch((0, exports.removeProductFromCache)(activeProductIdx));
-                    return [4 /*yield*/, dispatch((0, exports.changeActiveProductIdx)(activeProductIdx))];
+                    dispatch((0, exports.removeFromCache)(activeCacheIdx));
+                    return [4 /*yield*/, dispatch((0, exports.changeActiveCacheIdx)(activeCacheIdx))];
                 case 3:
                     _b.sent();
                     _b.label = 4;
                 case 4: return [3 /*break*/, 6];
                 case 5:
-                    if (idx >= activeProductIdx) {
-                        dispatch((0, exports.removeProductFromCache)(idx));
+                    if (idx >= activeCacheIdx) {
+                        dispatch((0, exports.removeFromCache)(idx));
                     }
-                    else if (idx <= activeProductIdx) {
-                        dispatch((0, exports.decrementActiveProductIdx)());
-                        dispatch((0, exports.removeProductFromCache)(idx));
+                    else if (idx <= activeCacheIdx) {
+                        dispatch((0, exports.decrementActiveCacheIdx)());
+                        dispatch((0, exports.removeFromCache)(idx));
                     }
                     _b.label = 6;
                 case 6: return [2 /*return*/, Promise.resolve()];

package/dist/store/translations.d.ts

@@ -4,13 +4,15 @@ import { ITranslationMap } from '../api/products';
  * Types and Interfaces
  ****************************************************/
 export interface TranslationsState {
-    translations: undefined | ITranslationMap;
     language: string | undefined;
 }
+/*****************************************************
+ * Constants
+ ****************************************************/
+export declare let TRANSLATIONS: undefined | ITranslationMap;
 /*****************************************************
  * Actions
  ****************************************************/
-export declare const setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<ITranslationMap, string>;
 export declare const setLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
 export declare const initTranslations: (language?: string | undefined) => (dispatch: ThreekitDispatch) => Promise<void>;
 declare const reducer: import("redux").Reducer<TranslationsState, import("redux").AnyAction>;
@@ -18,6 +20,5 @@ declare const reducer: import("redux").Reducer<TranslationsState, import("redux"
  * Standard Selectors
  ****************************************************/
 export declare const getLanguage: (state: RootState) => undefined | string;
-export declare const getTranslations: (state: RootState) => undefined | ITranslationMap;
 export declare const getLanguageOptions: (state: RootState) => Array<string>;
 export default reducer;

package/dist/store/translations.js

@@ -39,23 +39,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLanguageOptions = exports.getTranslations = exports.getLanguage = exports.initTranslations = exports.setLanguage = exports.setTranslations = void 0;
+exports.getLanguageOptions = exports.getLanguage = exports.initTranslations = exports.setLanguage = exports.TRANSLATIONS = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var api_1 = __importDefault(require("../api"));
 /*****************************************************
  * Actions
  ****************************************************/
-//  Actions to be used only internally
-exports.setTranslations = (0, toolkit_1.createAction)('treble/translations/set-translations');
 exports.setLanguage = (0, toolkit_1.createAction)('treble/translations/set-language');
 var initTranslations = function (language) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-    var translations;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, api_1.default.products.fetchTranslations()];
             case 1:
-                translations = _a.sent();
-                dispatch((0, exports.setTranslations)(translations));
+                exports.TRANSLATIONS = _a.sent();
                 if (language)
                     dispatch((0, exports.setLanguage)(language));
                 return [2 /*return*/];
@@ -68,16 +64,12 @@ exports.initTranslations = initTranslations;
  ****************************************************/
 var initialState = {
     //  Selected language
-    translations: undefined,
     language: undefined,
 };
 var reducer = (0, toolkit_1.createSlice)({
     name: 'translations',
     initialState: initialState,
     extraReducers: function (builder) {
-        builder.addCase(exports.setTranslations, function (state, action) {
-            state.translations = action.payload;
-        });
         builder.addCase(exports.setLanguage, function (state, action) {
             state.language = action.payload;
         });
@@ -91,12 +83,10 @@ var getLanguage = function (state) {
     return state.translations.language;
 };
 exports.getLanguage = getLanguage;
-var getTranslations = function (state) { return state.translations.translations; };
-exports.getTranslations = getTranslations;
 var getLanguageOptions = function (state) {
-    if (!state.treble.isThreekitInitialized || !state.translations.translations)
+    if (!state.treble.isThreekitInitialized || !exports.TRANSLATIONS)
         return [];
-    return Object.keys(Object.values(state.translations.translations)[0]);
+    return Object.keys(Object.values(exports.TRANSLATIONS)[0]);
 };
 exports.getLanguageOptions = getLanguageOptions;
 exports.default = reducer;

package/dist/store/treble.d.ts

@@ -13,6 +13,7 @@ export interface IPlayerInit {
     initialConfiguration?: IConfiguration;
 }
 export interface ILaunchConfig {
+    productId: string;
     threekitEnv: string;
     serverUrl: string;
     locale: string;
@@ -30,6 +31,7 @@ export interface IReloadConfig {
     cacheProduct?: boolean;
 }
 export interface TrebleState {
+    threekitEnv: string;
     isPlayerLoading: boolean;
     isThreekitInitialized: boolean;
     playerElId: undefined | string;
@@ -47,6 +49,7 @@ interface EventHandlers {
 /*****************************************************
  * Actions
  ****************************************************/
+export declare const setThreekitEnv: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
 export declare const setThreekitInitialized: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 export declare const setPlayerLoading: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 export declare const setPlayerElement: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
@@ -58,6 +61,7 @@ declare const reducer: import("redux").Reducer<TrebleState, import("redux").AnyA
 /*****************************************************
  * Standard Selectors
  ****************************************************/
+export declare const getThreekitEnv: (state: RootState) => string;
 export declare const isThreekitInitialized: (state: RootState) => boolean;
 export declare const isPlayerLoading: (state: RootState) => boolean;
 export declare const getPlayerElementId: (state: RootState) => undefined | string;

package/dist/store/treble.js

@@ -50,7 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reloadPlayer = exports.unloadPlayer = exports.launch = exports.initPlayer = exports.getPlayerElementId = exports.isPlayerLoading = exports.isThreekitInitialized = exports.reloadTreble = exports.setPlayerElement = exports.setPlayerLoading = exports.setThreekitInitialized = void 0;
+exports.reloadPlayer = exports.unloadPlayer = exports.launch = exports.initPlayer = exports.getPlayerElementId = exports.isPlayerLoading = exports.isThreekitInitialized = exports.getThreekitEnv = exports.reloadTreble = exports.setPlayerElement = exports.setPlayerLoading = exports.setThreekitInitialized = exports.setThreekitEnv = void 0;
 var connection_1 = __importDefault(require("../connection"));
 var toolkit_1 = require("@reduxjs/toolkit");
 var api_1 = __importDefault(require("../api"));
@@ -98,6 +98,7 @@ var EVENTS = {};
  * State
  ****************************************************/
 var initialState = {
+    threekitEnv: 'preview',
     isThreekitInitialized: false,
     isPlayerLoading: false,
     playerElId: undefined,
@@ -106,6 +107,7 @@ var initialState = {
 /*****************************************************
  * Actions
  ****************************************************/
+exports.setThreekitEnv = (0, toolkit_1.createAction)('treble/set-threekit-env');
 exports.setThreekitInitialized = (0, toolkit_1.createAction)('treble/set-threekit-initialized');
 exports.setPlayerLoading = (0, toolkit_1.createAction)('treble/set-player-loading');
 exports.setPlayerElement = (0, toolkit_1.createAction)('treble/set-player-element');
@@ -118,6 +120,10 @@ var reducer = (0, toolkit_1.createSlice)({
     initialState: initialState,
     reducers: {},
     extraReducers: function (builder) {
+        builder.addCase(exports.setThreekitEnv, function (state, action) {
+            state.threekitEnv = action.payload;
+            return state;
+        });
         builder.addCase(exports.setThreekitInitialized, function (state, action) {
             state.isThreekitInitialized = action.payload;
             return state;
@@ -139,6 +145,11 @@ var reducer = (0, toolkit_1.createSlice)({
  * Standard Selectors
  ****************************************************/
 //  Loading Trackers
+var getThreekitEnv = function (state) {
+    return state.treble.threekitEnv;
+};
+exports.getThreekitEnv = getThreekitEnv;
+//  Loading Trackers
 var isThreekitInitialized = function (state) {
     return state.treble.isThreekitInitialized;
 };
@@ -197,41 +208,67 @@ var initPlayer = function (config) { return function (dispatch) { return __await
 exports.initPlayer = initPlayer;
 var launch = function (launchConfig) {
     return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, credentials, products, threekitEnv, serverUrl, playerConfig, envCredentials, product, threekitDomainRaw, orgId, authToken, initialConfigurationRaw, assetId, stageId, configurationId, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
-        var _a, _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
+        var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetId, stageId, configurationId, initialConfigurationRaw, threekitDomainRaw, orgId, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
+        var _b, _c, _d, _e, _f, _g, _h;
+        return __generator(this, function (_j) {
+            switch (_j.label) {
                 case 0:
                     if (window.threekit)
                         return [2 /*return*/];
                     config = (0, utils_1.loadTrebleConfig)();
-                    credentials = Object.assign({}, ((_a = config.project) === null || _a === void 0 ? void 0 : _a.credentials) || {}, ((_b = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _b === void 0 ? void 0 : _b.credentials) || {});
-                    products = Object.assign({}, ((_c = config.project) === null || _c === void 0 ? void 0 : _c.products) || {}, ((_d = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _d === void 0 ? void 0 : _d.products) || {});
+                    credentials = ((_b = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _b === void 0 ? void 0 : _b.credentials) || ((_c = config.project) === null || _c === void 0 ? void 0 : _c.credentials) || {};
+                    productsRaw = ((_d = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _d === void 0 ? void 0 : _d.products) || ((_e = config.project) === null || _e === void 0 ? void 0 : _e.products) || {};
+                    if (!((_f = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.productId) === null || _f === void 0 ? void 0 : _f.length)) {
+                        productsRaw = { default: productsRaw };
+                        productId = 'default';
+                    }
+                    else
+                        productId = launchConfig.productId;
+                    products = Object.entries(productsRaw).reduce(function (output, _a) {
+                        var _b;
+                        var prodId = _a[0], envs = _a[1];
+                        var updatedEnvs = Object.entries(envs).reduce(function (result, _a) {
+                            var _b;
+                            var env = _a[0], conf = _a[1];
+                            var initialConfiguration;
+                            var assetId;
+                            var stageId;
+                            var configurationId;
+                            if (typeof conf === 'string') {
+                                if ((0, utils_1.isUuid)(conf))
+                                    assetId = conf;
+                                else
+                                    configurationId = conf;
+                            }
+                            else {
+                                stageId = conf.stageId;
+                                if (conf.configurationId)
+                                    configurationId = conf.configurationId;
+                                else if ((0, utils_1.isUuid)(conf.assetId))
+                                    assetId = conf.assetId;
+                                else
+                                    configurationId = conf.assetId;
+                            }
+                            return Object.assign(result, (_b = {},
+                                _b[env] = {
+                                    assetId: assetId,
+                                    stageId: stageId,
+                                    configurationId: configurationId,
+                                    initialConfiguration: initialConfiguration,
+                                },
+                                _b));
+                        }, {});
+                        return Object.assign(output, (_b = {}, _b[prodId] = updatedEnvs, _b));
+                    }, {});
                     if (!Object.keys(credentials).length || !Object.keys(products).length)
                         return [2 /*return*/, console.error('Missing credentials')];
                     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) || ((_e = config === null || config === void 0 ? void 0 : config.project) === null || _e === void 0 ? void 0 : _e.serverUrl);
-                    (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);
                     playerConfig = Object.assign({}, constants_1.DEFAULT_PLAYER_CONFIG, config.player, launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.playerConfig);
                     envCredentials = credentials[threekitEnv];
-                    product = products[threekitEnv];
+                    _a = products[productId][threekitEnv], assetId = _a.assetId, stageId = _a.stageId, configurationId = _a.configurationId, initialConfigurationRaw = _a.initialConfiguration;
                     threekitDomainRaw = envCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
                     orgId = envCredentials.orgId, authToken = envCredentials.publicToken;
-                    if (typeof product === 'string') {
-                        if ((0, utils_1.isUuid)(product))
-                            assetId = product;
-                        else
-                            configurationId = product;
-                    }
-                    else {
-                        stageId = product.stageId;
-                        if (product.configurationId)
-                            configurationId = product.configurationId;
-                        else if ((0, utils_1.isUuid)(product.assetId))
-                            assetId = product.assetId;
-                        else
-                            configurationId = product.assetId;
-                    }
                     if (playerConfig.elementId) {
                         el = document.getElementById(playerConfig.elementId);
                         if (el)
@@ -253,19 +290,19 @@ var launch = function (launchConfig) {
                     initialConfiguration = __assign({}, initialConfigurationRaw);
                     updatedAssetId = assetId;
                     params = (0, utils_1.getParams)();
-                    configId = ((_f = params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]) === null || _f === void 0 ? void 0 : _f.length)
+                    configId = ((_h = params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]) === null || _h === void 0 ? void 0 : _h.length)
                         ? params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]
                         : configurationId;
                     if (!configId) return [3 /*break*/, 2];
                     return [4 /*yield*/, api_1.default.configurations.fetch(configId)];
                 case 1:
-                    configuration = _g.sent();
+                    configuration = _j.sent();
                     if (configuration) {
                         initialConfiguration = Object.assign({}, initialConfigurationRaw, configuration.data.variant);
                         connection_1.default.connect({ assetId: configuration.data.productId });
                         updatedAssetId = configuration.data.productId;
                     }
-                    _g.label = 2;
+                    _j.label = 2;
                 case 2:
                     if (!updatedAssetId)
                         return [2 /*return*/, console.error('missing assetId')];
@@ -279,7 +316,7 @@ var launch = function (launchConfig) {
                         })];
                 case 3:
                     //  We create the threekit script
-                    _g.sent();
+                    _j.sent();
                     return [4 /*yield*/, dispatch((0, exports.initPlayer)({
                             el: el,
                             orgId: orgId,
@@ -290,15 +327,17 @@ var launch = function (launchConfig) {
                             initialConfiguration: initialConfiguration,
                         }))];
                 case 4:
-                    _g.sent();
+                    _j.sent();
                     document.addEventListener('treble:notification', function (e) {
                         message_1.default.info(e.detail.message);
                     });
                     EVENTS = Object.assign(EVENTS, launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.eventHandlers);
+                    dispatch((0, exports.setThreekitEnv)(threekitEnv));
                     dispatch((0, translations_1.initTranslations)(launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.locale));
                     dispatch((0, price_1.initPrice)());
                     dispatch((0, price_1.updatePrice)());
                     dispatch((0, product_1.initProduct)(products));
+                    dispatch((0, product_1.setProductId)(productId));
                     dispatch((0, wishlist_1.refreshWishlist)());
                     return [2 /*return*/];
             }

package/dist/threekit.d.ts

@@ -3,7 +3,7 @@ import Treble from './Treble';
 declare type SCENE_PHASES = 'LOADED' | 'PRELOADED' | 'RENDERED';
 declare type PRIVATE_APIS = 'scene' | 'player';
 export declare type DISPLAY_OPTIONS = 'webgl' | 'image';
-export declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number';
+export declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number' | 'Boolean';
 export declare type AssetType = 'upload' | 'item';
 export declare type IMetadata = Record<string, string | number | null>;
 /***************************************************
@@ -53,7 +53,7 @@ export interface IConfigurationColor {
     g: number;
     b: number;
 }
-export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationColor | string | number | undefined;
+export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationColor | string | number | boolean | undefined;
 export declare type IConfiguration = Record<string, IConfigurationAttribute>;
 export declare type ISetConfiguration = Record<string, IConfigurationAttribute>;
 /***************************************************
@@ -131,12 +131,16 @@ export interface IAttributeNumber extends IAttributeBase<'Number', number> {
     min?: number;
     step: number;
 }
+/****** NUMBER TYPE ATTRIBUTE *******/
+export interface IAttributeBoolean extends IAttributeBase<'Boolean', boolean> {
+    defaultValue: boolean;
+}
 /****** getAttributes() *******/
-export declare type IThreekitAttribute = IAttributeAsset | IAttributeColor | IAttributeString | IAttributeNumber;
+export declare type IThreekitAttribute = IAttributeAsset | IAttributeColor | IAttributeString | IAttributeNumber | IAttributeBoolean;
 /****** getDisplayAttributes() *******/
-export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeString | IAttributeColor | IAttributeNumber;
+export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
 /****** Treble Hydrated Values *******/
-export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeString | IAttributeColor | IAttributeNumber;
+export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
 /***************************************************
  *  Camera
  **************************************************/