@threekit-tools/treble 0.0.82 → 0.0.85

package/dist/index.js

@@ -1,24 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
-//  Hooks
+exports.ArrowLeftIcon = exports.AddIcon = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
+exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -45,7 +31,6 @@ var useShare_1 = __importDefault(require("./hooks/useShare"));
 exports.useShare = useShare_1.default;
 var usePlayerPortal_1 = __importDefault(require("./hooks/usePlayerPortal"));
 exports.usePlayerPortal = usePlayerPortal_1.default;
-// import useSingleAnimation from './hooks/useSingleAnimation';
 var useProductCache_1 = __importDefault(require("./hooks/useProductCache"));
 exports.useProductCache = useProductCache_1.default;
 var useNestedConfigurator_1 = __importDefault(require("./hooks/useNestedConfigurator"));
@@ -54,12 +39,10 @@ var useLoadingProgress_1 = __importDefault(require("./hooks/useLoadingProgress")
 exports.useLoadingProgress = useLoadingProgress_1.default;
 var usePlayer_1 = __importDefault(require("./hooks/usePlayer"));
 exports.usePlayer = usePlayer_1.default;
-//  Components
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
 exports.Player = Player_1.default;
-//  Form Components
 var Button_1 = __importDefault(require("./components/Button"));
 exports.Button = Button_1.default;
 var Cards_1 = __importDefault(require("./components/Cards"));
@@ -78,7 +61,6 @@ var Upload_1 = __importDefault(require("./components/Upload"));
 exports.Upload = Upload_1.default;
 var Switch_1 = __importDefault(require("./components/Switch"));
 exports.Switch = Switch_1.default;
-//  Display
 var ProductName_1 = __importDefault(require("./components/ProductName"));
 exports.ProductName = ProductName_1.default;
 var ProductDescription_1 = __importDefault(require("./components/ProductDescription"));
@@ -89,10 +71,8 @@ var AttributeValue_1 = __importDefault(require("./components/AttributeValue"));
 exports.AttributeValue = AttributeValue_1.default;
 var TotalPrice_1 = __importDefault(require("./components/TotalPrice"));
 exports.TotalPrice = TotalPrice_1.default;
-//  Messaging
 var message_1 = __importDefault(require("./components/message"));
 exports.message = message_1.default;
-//  Layouts
 var Modal_1 = __importDefault(require("./components/Modal"));
 exports.Modal = Modal_1.default;
 var Drawer_1 = __importDefault(require("./components/Drawer"));
@@ -101,17 +81,14 @@ var Accordion_1 = __importDefault(require("./components/Accordion"));
 exports.Accordion = Accordion_1.default;
 var Tabs_1 = __importDefault(require("./components/Tabs"));
 exports.Tabs = Tabs_1.default;
-//  Wrappers
 var PortalToArOverlay_1 = __importDefault(require("./components/PortalToArOverlay"));
 exports.PortalToArOverlay = PortalToArOverlay_1.default;
 var PortalToElement_1 = __importDefault(require("./components/PortalToElement"));
 exports.PortalToElement = PortalToElement_1.default;
 var AwaitThreekitLoad_1 = __importDefault(require("./components/AwaitThreekitLoad"));
 exports.AwaitThreekitLoad = AwaitThreekitLoad_1.default;
-//  Forms
 var FlatForm_1 = __importDefault(require("./components/FlatForm"));
 exports.FlatForm = FlatForm_1.default;
-//  Widgets
 var Zoom_1 = __importDefault(require("./components/Zoom"));
 exports.Zoom = Zoom_1.default;
 var Snapshots_1 = __importDefault(require("./components/Snapshots"));
@@ -120,12 +97,89 @@ var Wishlist_1 = __importDefault(require("./components/Wishlist"));
 exports.Wishlist = Wishlist_1.default;
 var Share_1 = __importDefault(require("./components/Share"));
 exports.Share = Share_1.default;
-//  Icons
-var icons_1 = __importDefault(require("./icons"));
-exports.icons = icons_1.default;
-__exportStar(require("./icons"), exports);
-//  Products - Multi-configurtors
 var TrebleApp_1 = __importDefault(require("./components/TrebleApp"));
 exports.TrebleApp = TrebleApp_1.default;
 var ProductLayout_1 = __importDefault(require("./components/ProductLayout"));
 exports.ProductLayout = ProductLayout_1.default;
+var Add_1 = __importDefault(require("./icons/Add"));
+exports.AddIcon = Add_1.default;
+var ArrowLeft_1 = __importDefault(require("./icons/ArrowLeft"));
+exports.ArrowLeftIcon = ArrowLeft_1.default;
+var ArrowRight_1 = __importDefault(require("./icons/ArrowRight"));
+exports.ArrowRightIcon = ArrowRight_1.default;
+var Camera_1 = __importDefault(require("./icons/Camera"));
+exports.CameraIcon = Camera_1.default;
+var CaretDown_1 = __importDefault(require("./icons/CaretDown"));
+exports.CaretDownIcon = CaretDown_1.default;
+var CaretUp_1 = __importDefault(require("./icons/CaretUp"));
+exports.CaretUpIcon = CaretUp_1.default;
+var CaretLeft_1 = __importDefault(require("./icons/CaretLeft"));
+exports.CaretLeftIcon = CaretLeft_1.default;
+var CaretRight_1 = __importDefault(require("./icons/CaretRight"));
+exports.CaretRightIcon = CaretRight_1.default;
+var Cart_1 = __importDefault(require("./icons/Cart"));
+exports.CartIcon = Cart_1.default;
+var Checkmate_1 = __importDefault(require("./icons/Checkmate"));
+exports.CheckmateIcon = Checkmate_1.default;
+var Clipboard_1 = __importDefault(require("./icons/Clipboard"));
+exports.ClipboardIcon = Clipboard_1.default;
+var ColorPicker_1 = __importDefault(require("./icons/ColorPicker"));
+exports.ColorPickerIcon = ColorPicker_1.default;
+var Copy_1 = __importDefault(require("./icons/Copy"));
+exports.CopyIcon = Copy_1.default;
+var Delete_1 = __importDefault(require("./icons/Delete"));
+exports.DeleteIcon = Delete_1.default;
+var DoubleCaretLeft_1 = __importDefault(require("./icons/DoubleCaretLeft"));
+exports.DoubleCaretLeftIcon = DoubleCaretLeft_1.default;
+var DoubleCaretRight_1 = __importDefault(require("./icons/DoubleCaretRight"));
+exports.DoubleCaretRightIcon = DoubleCaretRight_1.default;
+var Download_1 = __importDefault(require("./icons/Download"));
+exports.DownloadIcon = Download_1.default;
+var Drag_1 = __importDefault(require("./icons/Drag"));
+exports.DragIcon = Drag_1.default;
+var Edit_1 = __importDefault(require("./icons/Edit"));
+exports.EditIcon = Edit_1.default;
+var Heart_1 = __importDefault(require("./icons/Heart"));
+exports.HeartIcon = Heart_1.default;
+var Image_1 = __importDefault(require("./icons/Image"));
+exports.ImageIcon = Image_1.default;
+var Info_1 = __importDefault(require("./icons/Info"));
+exports.InfoIcon = Info_1.default;
+var Mail_1 = __importDefault(require("./icons/Mail"));
+exports.MailIcon = Mail_1.default;
+var Menu_1 = __importDefault(require("./icons/Menu"));
+exports.MenuIcon = Menu_1.default;
+var More_1 = __importDefault(require("./icons/More"));
+exports.MoreIcon = More_1.default;
+var NewWindow_1 = __importDefault(require("./icons/NewWindow"));
+exports.NewWindowIcon = NewWindow_1.default;
+var Pause_1 = __importDefault(require("./icons/Pause"));
+exports.PauseIcon = Pause_1.default;
+var Play_1 = __importDefault(require("./icons/Play"));
+exports.PlayIcon = Play_1.default;
+var Redo_1 = __importDefault(require("./icons/Redo"));
+exports.RedoIcon = Redo_1.default;
+var Remove_1 = __importDefault(require("./icons/Remove"));
+exports.RemoveIcon = Remove_1.default;
+var Ruler_1 = __importDefault(require("./icons/Ruler"));
+exports.RulerIcon = Ruler_1.default;
+var Search_1 = __importDefault(require("./icons/Search"));
+exports.SearchIcon = Search_1.default;
+var Settings_1 = __importDefault(require("./icons/Settings"));
+exports.SettingsIcon = Settings_1.default;
+var Share_2 = __importDefault(require("./icons/Share"));
+exports.ShareIcon = Share_2.default;
+var Switch_2 = __importDefault(require("./icons/Switch"));
+exports.SwitchIcon = Switch_2.default;
+var Tag_1 = __importDefault(require("./icons/Tag"));
+exports.TagIcon = Tag_1.default;
+var Undo_1 = __importDefault(require("./icons/Undo"));
+exports.UndoIcon = Undo_1.default;
+var Wishlist_2 = __importDefault(require("./icons/Wishlist"));
+exports.WishlistIcon = Wishlist_2.default;
+var ZoomIn_1 = __importDefault(require("./icons/ZoomIn"));
+exports.ZoomInIcon = ZoomIn_1.default;
+var ZoomOut_1 = __importDefault(require("./icons/ZoomOut"));
+exports.ZoomOutIcon = ZoomOut_1.default;
+var Spinner_1 = __importDefault(require("./icons/Spinner"));
+exports.SpinnerIcon = Spinner_1.default;

package/dist/store/attributes.d.ts

@@ -1,21 +1,9 @@
 import { RootState, ThreekitDispatch } from './index';
 import { ISetConfiguration, IThreekitDisplayAttribute } from '../types';
 import { ITranslationMap } from '../api/products';
-/*****************************************************
- * Types and Interfaces
- ****************************************************/
 export declare type AttributesState = Record<string, IThreekitDisplayAttribute>;
-/*****************************************************
- * Actions
- ****************************************************/
 export declare const setAttributes: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[attributes: IThreekitDisplayAttribute[]], Record<string, IThreekitDisplayAttribute>, "treble/attributes/set-attributes", never, never>;
-/*****************************************************
- * Slice
- ****************************************************/
 declare const reducer: import("redux").Reducer<AttributesState, import("redux").AnyAction>;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 export declare const getAttributes: (state: RootState) => AttributesState;
 export declare const getHydrationData: ((state: {
     treble: import("./treble").TrebleState;

package/dist/store/attributes.js

@@ -40,9 +40,6 @@ exports.setConfiguration = exports.getHydrationData = exports.getAttributes = ex
 var toolkit_1 = require("@reduxjs/toolkit");
 var treble_1 = require("./treble");
 var translations_1 = require("./translations");
-/*****************************************************
- * Actions
- ****************************************************/
 exports.setAttributes = (0, toolkit_1.createAction)('treble/attributes/set-attributes', function (attributes) {
     var payload = attributes.reduce(function (output, attr) {
         var _a;
@@ -50,13 +47,7 @@ exports.setAttributes = (0, toolkit_1.createAction)('treble/attributes/set-attri
     }, {});
     return { payload: payload };
 });
-/*****************************************************
- * State and Data
- ****************************************************/
 var initialState = {};
-/*****************************************************
- * Slice
- ****************************************************/
 var reducer = (0, toolkit_1.createSlice)({
     name: 'attributes',
     initialState: initialState,
@@ -74,25 +65,21 @@ var reducer = (0, toolkit_1.createSlice)({
         });
     },
 }).reducer;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 var getAttributes = function (state) { return state.attributes; };
 exports.getAttributes = getAttributes;
 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 () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 dispatch((0, treble_1.setPlayerLoading)(true));
-                return [4 /*yield*/, window.threekit.configurator.setConfiguration(config)];
+                return [4, window.threekit.configurator.setConfiguration(config)];
             case 1:
                 _a.sent();
                 dispatch((0, treble_1.setPlayerLoading)(false));
-                return [2 /*return*/];
+                return [2];
         }
     });
 }); }; };

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,17 +38,11 @@ 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) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
 export declare const cacheActiveProduct: (config?: Pick<IReloadConfig, 'label' | 'thumbnail'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => {
     payload: CachedProductState;

package/dist/store/product.js

@@ -52,12 +52,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeProductIdx = exports.changeActiveCacheIdx = exports.loadNewProduct = exports.loadProduct = exports.cacheActiveProduct = exports.initProduct = exports.getProductCache = exports.getActiveCacheIdx = exports.getMetadata = exports.getName = exports.getProductId = exports.decrementActiveCacheIdx = exports.incrementActiveCacheIdx = exports.setActiveCacheIdx = exports.removeFromCache = exports.updateActiveProductCache = exports.appendToCache = exports.setMetadata = exports.setName = exports.setProductId = exports.PRODUCTS = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
+var types_1 = require("../types");
 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 +64,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 +79,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 +118,6 @@ var reducer = (0, toolkit_1.createSlice)({
     },
     reducers: {},
 }).reducer;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 var getProductId = function (state) {
     return state.product.id;
 };
@@ -136,12 +126,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 +142,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,
@@ -182,7 +169,8 @@ var cacheActiveProduct = function (config) {
         var thumbnail = config === null || config === void 0 ? void 0 : config.thumbnail;
         var connectionObj = connection_1.default.getConnection();
         delete connectionObj.threekitDomain;
-        var configuration = window.threekit.configurator.getConfiguration();
+        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
+        var configuration = player.configurator.getFullConfiguration();
         var data = { connection: connectionObj, configuration: configuration };
         var product = Object.assign({
             id: state.product.id,
@@ -203,19 +191,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 +226,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 +248,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 +276,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 +300,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) => (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;
 };