@threekit-tools/treble 0.0.80 → 0.0.83

package/dist/store/price.d.ts

@@ -1,7 +1,4 @@
 import { RootState, ThreekitDispatch } from './index';
-/*****************************************************
- * Types and Interfaces
- ****************************************************/
 export interface IPriceConfig {
     id: string;
     currency: string;
@@ -15,20 +12,11 @@ export interface PriceState {
     currency: undefined | string;
     price: undefined | number;
 }
-/*****************************************************
- * Actions
- ****************************************************/
 export declare const setPriceConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<IPriceConfig, string>;
 export declare const setPrice: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
 export declare const initPrice: () => (dispatch: ThreekitDispatch) => Promise<void>;
 declare const reducer: import("redux").Reducer<PriceState, import("redux").AnyAction>;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 export declare const getPrice: (state: RootState) => undefined | IPrice;
 export declare const getPriceConfig: (state: RootState) => undefined | IPriceConfig;
-/*****************************************************
- * Complex Actions
- ****************************************************/
 export declare const updatePrice: () => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
 export default reducer;

package/dist/store/price.js

@@ -42,17 +42,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updatePrice = exports.getPriceConfig = exports.getPrice = exports.initPrice = exports.setPrice = exports.setPriceConfig = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var api_1 = __importDefault(require("../api"));
-/*****************************************************
- * Actions
- ****************************************************/
-//  Actions to be used only internally
 exports.setPriceConfig = (0, toolkit_1.createAction)('treble/price/set-price-config');
 exports.setPrice = (0, toolkit_1.createAction)('treble/price/set-price');
 var initPrice = function () { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
     var pricebook, id, currency, price;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, api_1.default.price.getPricebooksList()];
+            case 0: return [4, api_1.default.price.getPricebooksList()];
             case 1:
                 pricebook = _a.sent();
                 if (pricebook.length) {
@@ -62,16 +58,12 @@ var initPrice = function () { return function (dispatch) { return __awaiter(void
                     price = window.threekit.configurator.getPrice(id, currency);
                     dispatch((0, exports.setPrice)(price));
                 }
-                return [2 /*return*/];
+                return [2];
         }
     });
 }); }; };
 exports.initPrice = initPrice;
-/*****************************************************
- * State
- ****************************************************/
 var initialState = {
-    //  Selected language
     id: undefined,
     currency: undefined,
     price: undefined,
@@ -93,9 +85,6 @@ var reducer = (0, toolkit_1.createSlice)({
     },
     reducers: {},
 }).reducer;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 var getPrice = function (state) {
     var _a = state.price, price = _a.price, currency = _a.currency;
     if (!price || !currency)
@@ -110,9 +99,6 @@ var getPriceConfig = function (state) {
     return { id: id, currency: currency };
 };
 exports.getPriceConfig = getPriceConfig;
-/*****************************************************
- * Complex Actions
- ****************************************************/
 var updatePrice = function () { return function (dispatch, getState) {
     var price = getState().price;
     if (!price.id || !price.currency)

package/dist/store/product.d.ts

@@ -2,9 +2,6 @@ import { RootState, ThreekitDispatch } from './index';
 import { IMetadata, IConfiguration, IProduct } from '../types';
 import { IConnectionConfig } from '../connection';
 import { IReloadConfig } from './treble';
-/*****************************************************
- * Types and Interfaces
- ****************************************************/
 export interface CachedProduct {
     id: undefined | string;
     name?: string;
@@ -30,16 +27,10 @@ export interface ProductState {
     cache: Array<CachedProductState>;
     activeCacheIdx: number;
 }
-/*****************************************************
- * Constants
- ****************************************************/
 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 setName: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>;
+export declare const setMetadata: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<IMetadata | undefined, string>;
 export declare const appendToCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
 export declare const updateActiveProductCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
 export declare const removeFromCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
@@ -47,24 +38,18 @@ export declare const setActiveCacheIdx: import("@reduxjs/toolkit").ActionCreator
 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 getActiveCacheIdx: (state: RootState) => number;
 export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'name' | 'label' | 'thumbnail'>>;
-/*****************************************************
- * Complex Actions
- ****************************************************/
-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) => {
+export declare const initProduct: (prods?: IHydratedProducts) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
+export declare const cacheActiveProduct: (config?: Pick<IReloadConfig, 'label' | 'thumbnail'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => {
     payload: CachedProductState;
     type: string;
 };
-export declare const loadProduct: (id: string, config?: LoadProductConfig | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
+export declare const loadProduct: (id: string, config?: LoadProductConfig) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 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 | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
+export declare const removeProductIdx: (idx?: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;

package/dist/store/product.js

@@ -54,10 +54,6 @@ exports.removeProductIdx = exports.changeActiveCacheIdx = exports.loadNewProduct
 var toolkit_1 = require("@reduxjs/toolkit");
 var connection_1 = __importDefault(require("../connection"));
 var treble_1 = require("./treble");
-/*****************************************************
- * Actions
- ****************************************************/
-//  Actions to be used only internally
 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');
@@ -67,17 +63,10 @@ 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
     cache: [],
     activeCacheIdx: 0,
 };
@@ -89,10 +78,13 @@ var reducer = (0, toolkit_1.createSlice)({
             return __assign(__assign({}, state), { id: action.payload });
         });
         builder.addCase(exports.setName, function (state, action) {
-            return __assign(__assign({}, state), { name: action.payload });
+            var name = window.threekit.player.scene.get({
+                id: window.threekit.player.assetId,
+            }).name;
+            return __assign(__assign({}, state), { name: action.payload || name });
         });
         builder.addCase(exports.setMetadata, function (state, action) {
-            return __assign(__assign({}, state), { metadata: action.payload });
+            return __assign(__assign({}, state), { metadata: action.payload || window.threekit.configurator.getMetadata() });
         });
         builder.addCase(exports.appendToCache, function (state, action) {
             state.cache.push(action.payload);
@@ -125,9 +117,6 @@ var reducer = (0, toolkit_1.createSlice)({
     },
     reducers: {},
 }).reducer;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 var getProductId = function (state) {
     return state.product.id;
 };
@@ -136,12 +125,10 @@ var getName = function (state) {
     return state.product.name;
 };
 exports.getName = getName;
-//  Metadata
 var getMetadata = function (state) {
     return state.product.metadata;
 };
 exports.getMetadata = getMetadata;
-//  Product Cache
 var getActiveCacheIdx = function (state) {
     return state.product.activeCacheIdx;
 };
@@ -154,13 +141,12 @@ var getProductCache = function (state) {
     });
 };
 exports.getProductCache = getProductCache;
-/*****************************************************
- * Complex Actions
- ****************************************************/
 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,
@@ -203,19 +189,19 @@ var loadProduct = function (id, config) {
                     state = getState();
                     productsList = Object.keys(exports.PRODUCTS);
                     if (!productsList.includes(id))
-                        return [2 /*return*/];
+                        return [2];
                     productConfig = exports.PRODUCTS[id][state.treble.threekitEnv];
                     dispatch((0, exports.setProductId)(id));
                     if (cacheProduct)
                         dispatch((0, exports.cacheActiveProduct)());
-                    return [4 /*yield*/, dispatch((0, treble_1.reloadPlayer)(productConfig))];
+                    return [4, dispatch((0, treble_1.reloadPlayer)(productConfig))];
                 case 1:
                     _a.sent();
                     if (cacheProduct) {
                         dispatch((0, exports.incrementActiveCacheIdx)());
                         dispatch((0, exports.cacheActiveProduct)());
                     }
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -238,14 +224,14 @@ var loadNewProduct = function (config) {
                         dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
                     if (config)
                         dispatch((0, exports.setProductId)(undefined));
-                    return [4 /*yield*/, dispatch((0, treble_1.reloadPlayer)(config))];
+                    return [4, dispatch((0, treble_1.reloadPlayer)(config))];
                 case 1:
                     _a.sent();
                     if (shouldCacheProduct) {
                         dispatch((0, exports.incrementActiveCacheIdx)());
                         dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
                     }
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -260,20 +246,20 @@ var changeActiveCacheIdx = function (idx) {
                     state = getState();
                     cache = state.product.cache;
                     if (idx >= cache.length)
-                        return [2 /*return*/, Promise.resolve()];
+                        return [2, Promise.resolve()];
                     dispatch((0, exports.cacheActiveProduct)());
                     cachedProduct = __assign({}, state.product.cache[idx]);
                     data = JSON.parse(cachedProduct.data);
                     connection_1.default.connect(data.connection);
                     dispatch((0, exports.setActiveCacheIdx)(idx));
                     dispatch((0, exports.setProductId)(cachedProduct.id));
-                    return [4 /*yield*/, dispatch((0, treble_1.reloadPlayer)({
+                    return [4, dispatch((0, treble_1.reloadPlayer)({
                             assetId: data.connection.assetId,
                             configuration: data.configuration,
                         }))];
                 case 1:
                     _a.sent();
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -288,21 +274,21 @@ var removeProductIdx = function (idx) {
                     state = getState();
                     _a = state.product, cache = _a.cache, activeCacheIdx = _a.activeCacheIdx;
                     if (cache.length <= 1)
-                        return [2 /*return*/, Promise.resolve()];
-                    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))];
+                        return [2, Promise.resolve()];
+                    if (!(!idx || idx === activeCacheIdx)) return [3, 5];
+                    if (!(activeCacheIdx === state.product.cache.length - 1)) return [3, 2];
+                    return [4, dispatch((0, exports.changeActiveCacheIdx)(activeCacheIdx - 1))];
                 case 1:
                     _b.sent();
                     dispatch((0, exports.removeFromCache)(activeCacheIdx));
-                    return [3 /*break*/, 4];
+                    return [3, 4];
                 case 2:
                     dispatch((0, exports.removeFromCache)(activeCacheIdx));
-                    return [4 /*yield*/, dispatch((0, exports.changeActiveCacheIdx)(activeCacheIdx))];
+                    return [4, dispatch((0, exports.changeActiveCacheIdx)(activeCacheIdx))];
                 case 3:
                     _b.sent();
                     _b.label = 4;
-                case 4: return [3 /*break*/, 6];
+                case 4: return [3, 6];
                 case 5:
                     if (idx >= activeCacheIdx) {
                         dispatch((0, exports.removeFromCache)(idx));
@@ -312,7 +298,7 @@ var removeProductIdx = function (idx) {
                         dispatch((0, exports.removeFromCache)(idx));
                     }
                     _b.label = 6;
-                case 6: return [2 /*return*/, Promise.resolve()];
+                case 6: return [2, Promise.resolve()];
             }
         });
     }); };

package/dist/store/translations.d.ts

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

package/dist/store/translations.js

@@ -42,28 +42,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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
- ****************************************************/
 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 () {
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, api_1.default.products.fetchTranslations()];
+            case 0: return [4, api_1.default.products.fetchTranslations()];
             case 1:
                 exports.TRANSLATIONS = _a.sent();
                 if (language)
                     dispatch((0, exports.setLanguage)(language));
-                return [2 /*return*/];
+                return [2];
         }
     });
 }); }; };
 exports.initTranslations = initTranslations;
-/*****************************************************
- * State
- ****************************************************/
 var initialState = {
-    //  Selected language
     language: undefined,
 };
 var reducer = (0, toolkit_1.createSlice)({
@@ -76,9 +69,6 @@ var reducer = (0, toolkit_1.createSlice)({
     },
     reducers: {},
 }).reducer;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 var getLanguage = function (state) {
     return state.translations.language;
 };

package/dist/store/treble.d.ts

@@ -1,8 +1,5 @@
 import { RootState, ThreekitDispatch } from './index';
 import { IProject, IPlayerConfig, IThreekitDisplayAttribute, ISetConfiguration, IConfiguration } from '../types';
-/*****************************************************
- * Types and Interfaces
- ****************************************************/
 export interface IPlayerInit {
     el: HTMLElement;
     authToken: string;
@@ -37,6 +34,7 @@ export interface TrebleState {
     isThreekitInitialized: boolean;
     playerElId: undefined | string;
     notifications: boolean;
+    loadingProgress: number;
 }
 export interface NotificationEvent extends Event {
     detail: {
@@ -47,30 +45,20 @@ export interface NotificationEvent extends Event {
 interface EventHandlers {
     postConfigurationChange?: (updatedAttributes: Array<IThreekitDisplayAttribute>, configurationChange: ISetConfiguration, previousConfiguration: Array<IThreekitDisplayAttribute>) => void | Promise<void>;
 }
-/*****************************************************
- * 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>;
 export declare const reloadTreble: import("@reduxjs/toolkit").ActionCreatorWithPayload<Partial<TrebleState>, string>;
-/*****************************************************
- * Slice
- ****************************************************/
+export declare const updateLoadingProgress: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
 declare const reducer: import("redux").Reducer<TrebleState, import("redux").AnyAction>;
-/*****************************************************
- * 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;
-/*****************************************************
- * Complex Actions
- ****************************************************/
+export declare const getLoadingProgress: (state: RootState) => number;
 export declare const initPlayer: (config: IPlayerInit) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
-export declare const launch: (launchConfig?: Partial<ILaunchConfig> | undefined) => (dispatch: ThreekitDispatch) => Promise<void>;
+export declare const launch: (launchConfig?: Partial<ILaunchConfig>) => (dispatch: ThreekitDispatch) => Promise<void>;
 export declare const unloadPlayer: () => (dispatch: ThreekitDispatch) => Promise<void>;
 export declare const reloadPlayer: (config: undefined | string | Pick<IReloadConfig, 'assetId' | 'stageId' | 'configurationId' | 'configuration'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;