@threekit-tools/treble 0.0.59 → 0.0.60-next.1

package/dist/store/attributes.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setConfiguration = exports.getHydratedAttributes = exports.getAttributes = exports.setAttributes = void 0;
+exports.setConfiguration = exports.getHydrationData = exports.getAttributes = exports.setAttributes = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var treble_1 = require("./treble");
 var translations_1 = require("./translations");
@@ -79,55 +79,8 @@ var reducer = (0, toolkit_1.createSlice)({
  ****************************************************/
 var getAttributes = function (state) { return state.attributes; };
 exports.getAttributes = getAttributes;
-exports.getHydratedAttributes = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getTranslations, translations_1.getLanguage, function (attributes, translations, language) {
-    var hasTranslation = !!language && !!translations;
-    return Object.values(attributes).reduce(function (output, attribute) {
-        var _a;
-        var _b;
-        return Object.assign(output, (_a = {},
-            _a[attribute.name] = Object.assign({}, attribute, {
-                label: hasTranslation
-                    ? ((_b = translations === null || translations === void 0 ? void 0 : translations[attribute.name]) === null || _b === void 0 ? void 0 : _b[language]) || attribute.name
-                    : attribute.name,
-            }, attribute.type === 'String'
-                ? {
-                    values: attribute.values.map(function (el) {
-                        var _a;
-                        return Object.assign({}, el, {
-                            label: hasTranslation
-                                ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.label]) === null || _a === void 0 ? void 0 : _a[language]) || el.label
-                                : el.label,
-                            handleSelect: function () {
-                                var _a;
-                                return window.threekit.configurator.setConfiguration((_a = {},
-                                    _a[attribute.name] = el.value,
-                                    _a));
-                            },
-                            selected: attribute.value === el.value,
-                        });
-                    }),
-                }
-                : attribute.type === 'Asset'
-                    ? {
-                        values: attribute.values.map(function (el) {
-                            var _a;
-                            return Object.assign({}, el, {
-                                label: hasTranslation
-                                    ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.name]) === null || _a === void 0 ? void 0 : _a[language]) || el.name
-                                    : el.name,
-                                handleSelect: function () {
-                                    var _a;
-                                    return window.threekit.configurator.setConfiguration((_a = {},
-                                        _a[attribute.name] = el.assetId,
-                                        _a));
-                                },
-                                selected: attribute.value.assetId === el.assetId,
-                            });
-                        }),
-                    }
-                    : undefined),
-            _a));
-    }, {});
+exports.getHydrationData = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getLanguage, function (attributes, language) {
+    return [attributes, translations_1.TRANSLATIONS, language];
 });
 //  Configurator
 var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {

package/dist/store/product.d.ts

@@ -1,58 +1,67 @@
 import { RootState, ThreekitDispatch } from './index';
-import { IMetadata, IConfiguration, IProducts } from '../threekit';
+import { IMetadata, IConfiguration, IProduct } from '../threekit';
 import { IConnectionConfig } from '../connection';
 import { IReloadConfig } from './treble';
 /*****************************************************
  * Types and Interfaces
  ****************************************************/
 export interface CachedProduct {
+    id: undefined | string;
     name?: string;
     label?: string;
     thumbnail?: string;
     connection: IConnectionConfig;
     configuration: IConfiguration;
 }
-export interface CachedProductState extends Pick<CachedProduct, 'name' | 'label' | 'thumbnail'> {
+export interface CachedProductState extends Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'> {
     data: string;
 }
+interface IEnvConfig extends Record<string, Partial<IProduct>> {
+}
+export interface IHydratedProducts extends Record<string, IEnvConfig> {
+}
 export interface ProductState {
+    id: undefined | string;
     name: undefined | string;
     metadata: undefined | IMetadata;
-    cachedProducts: Array<CachedProductState>;
-    activeProductIdx: number;
+    cache: Array<CachedProductState>;
+    activeCacheIdx: number;
 }
 /*****************************************************
  * Constants
  ****************************************************/
-export declare let PRODUCTS: IProducts;
+export declare let PRODUCTS: IHydratedProducts;
 /*****************************************************
  * Actions
  ****************************************************/
+export declare const setProductId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>;
 export declare const setName: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
 export declare const setMetadata: import("@reduxjs/toolkit").ActionCreatorWithPayload<IMetadata, string>;
-export declare const addProductToCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
+export declare const appendToCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
 export declare const updateActiveProductCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
-export declare const removeProductFromCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
-export declare const setActiveProductIdx: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
-export declare const incrementActiveProductIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
-export declare const decrementActiveProductIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
+export declare const removeFromCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
+export declare const setActiveCacheIdx: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
+export declare const incrementActiveCacheIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
+export declare const decrementActiveCacheIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
 declare const reducer: import("redux").Reducer<ProductState, import("redux").AnyAction>;
 /*****************************************************
  * Standard Selectors
  ****************************************************/
+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 getActiveProductIdx: (state: RootState) => number;
+export declare const getActiveCacheIdx: (state: RootState) => number;
 export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'name' | 'label' | 'thumbnail'>>;
 /*****************************************************
  * Complex Actions
  ****************************************************/
-export declare const initProduct: (prods?: IProducts | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
+export declare const initProduct: (prods?: IHydratedProducts | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
 export declare const cacheActiveProduct: (config?: Pick<IReloadConfig, "label" | "thumbnail"> | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => {
     payload: CachedProductState;
     type: string;
 };
+export declare const loadProduct: (id: string) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export declare const loadNewProduct: (config: undefined | string | IReloadConfig) => (dispatch: ThreekitDispatch) => Promise<void>;
-export declare const changeActiveProductIdx: (idx: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
+export declare const changeActiveCacheIdx: (idx: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export declare const removeProductIdx: (idx?: number | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;

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;