@threekit-tools/treble 0.0.45 → 0.0.49

package/dist/components/Player/index.js

@@ -35,18 +35,20 @@ var Player = function (props) {
         minHeight: '600px',
         width: '100%',
     }, props), height = _a.height, width = _a.width, minHeight = _a.minHeight, children = _a.children;
-    var hasMoved = (0, react_1.useRef)(false);
     var _b = (0, usePlayerPortal_1.default)(), portalPlayerTo = _b[0], portalBack = _b[1];
+    var hasMoved = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(function () {
         if (portalPlayerTo && !hasMoved.current) {
             portalPlayerTo(exports.PLAYER_DIV_ID);
             hasMoved.current = true;
         }
         return function () {
-            if (portalBack)
+            if (portalBack) {
                 portalBack();
+                hasMoved.current = false;
+            }
         };
-    });
+    }, [portalPlayerTo]);
     return (react_1.default.createElement(player_styles_1.Wrapper, { height: height, width: width, minHeight: minHeight, className: className },
         react_1.default.createElement("div", { id: exports.PLAYER_DIV_ID }),
         children));

package/dist/components/Tabs/index.d.ts

@@ -1,13 +1,10 @@
 import React from 'react';
-interface TabPaneProps extends React.FC {
+interface ITabPaneProps {
     label: string;
     onClick: () => void;
 }
-interface TabsProps<T> {
-    children: React.FunctionComponentElement<T>;
+interface ITabs {
+    TabPane: React.FC<ITabPaneProps>;
 }
-export declare const Tabs: {
-    ({ children }: TabsProps<TabPaneProps>): JSX.Element | null;
-    TabPane: React.FC<{}>;
-};
+export declare const Tabs: ITabs;
 export default Tabs;

package/dist/components/TrebleApp/index.js

@@ -31,7 +31,7 @@ var productComponents = [];
 var productToComponentMap = {};
 function TrebleApp(props) {
     var _a;
-    var project = props.project, productId = props.productId, playerConfig = props.playerConfig, threekitEnv = props.threekitEnv, locale = props.locale, theme = props.theme;
+    var project = props.project, productId = props.productId, playerConfig = props.playerConfig, threekitEnv = props.threekitEnv, locale = props.locale, theme = props.theme, eventHandlers = props.eventHandlers;
     var config = constants_1.IS_TREBLE_SCRIPTS ? (0, utils_1.loadTrebleConfig)() : {};
     if (!((_a = config.treble) === null || _a === void 0 ? void 0 : _a.productsCtx)) {
         console.error('Treble Config is not setup correctly');
@@ -75,7 +75,7 @@ function TrebleApp(props) {
     var preppedProject = Object.assign({}, project, {
         products: productsMap[id],
     });
-    return (react_1.default.createElement(ThreekitProvider_1.default, { project: preppedProject, locale: locale, playerConfig: playerConfig, theme: theme, threekitEnv: threekitEnv },
+    return (react_1.default.createElement(ThreekitProvider_1.default, { project: preppedProject, locale: locale, playerConfig: playerConfig, theme: theme, threekitEnv: threekitEnv, eventHandlers: eventHandlers },
         react_1.default.createElement(Product, null)));
 }
 exports.default = TrebleApp;

package/dist/hooks/usePlayerPortal/index.js

@@ -26,7 +26,6 @@ var usePlayerPortal = function () {
         htmlElements.current.playerWrapper.appendChild(htmlElements.current.player);
     };
     var returnPlayer = function () {
-        constants_1.TK_PLAYER_LOADER_DIV;
         if (!htmlElements.current.player)
             htmlElements.current.player = document.getElementById(playerElementId);
         if (!htmlElements.current.playerLoader)

package/dist/store/threekit.js

@@ -292,11 +292,13 @@ var launch = function (launchConfig) {
                             configurationId = product;
                     }
                     else {
-                        if ((0, utils_1.isUuid)(product.assetId))
+                        stageId = product.stageId;
+                        if (product.configurationId)
+                            configurationId = product.configurationId;
+                        else if ((0, utils_1.isUuid)(product.assetId))
                             assetId = product.assetId;
                         else
                             configurationId = product.assetId;
-                        stageId = product.stageId;
                     }
                     if (playerConfig.elementId) {
                         el = document.getElementById(playerConfig.elementId);
@@ -340,9 +342,9 @@ var launch = function (launchConfig) {
                     //  We create the threekit script
                     _j.sent();
                     return [4 /*yield*/, Promise.all([
-                            window.threekitPlayer(__assign({ el: el, 
+                            window.threekitPlayer(__assign(__assign({ el: el, 
                                 // Variables to sort out
-                                authToken: authToken, stageId: stageId, assetId: updatedAssetId, initialConfiguration: initialConfiguration }, playerConfig)),
+                                authToken: authToken, stageId: stageId, assetId: updatedAssetId }, playerConfig), { initialConfiguration: initialConfiguration })),
                             api_1.default.products.fetchTranslations(),
                             api_1.default.price.getPricebooksList(),
                         ])];
@@ -357,6 +359,9 @@ var launch = function (launchConfig) {
                     _b.threekit = (_c.configurator = _j.sent(),
                         _c.treble = new Treble_1.default({ player: player }),
                         _c);
+                    window.threekit.player.on('setConfiguration', function () {
+                        dispatch(setAttributes(window.threekit.configurator.getDisplayAttributes()));
+                    });
                     if (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.locale) {
                         dispatch(setLanguage(launchConfig.locale));
                         dispatch(setTranslations(translations));

package/dist/threekit.d.ts

@@ -187,7 +187,7 @@ export interface IThreekitPlayer {
     tools: IThreekitTools;
     camera: IThreekitCamera;
     setActiveCamera: () => void;
-    on: (phase: SCENE_PHASES) => void;
+    on: (phase: SCENE_PHASES | string, callback: (args: any) => void) => void;
     getConfigurator: () => Promise<IThreekitConfigurator>;
     enableApi: (api: PRIVATE_APIS) => any;
     snapshotAsync: (snapshotConfig: ISnapshotConfig) => Promise<string>;
@@ -237,6 +237,7 @@ export interface IPlayerConfig extends Omit<ThreekitInitConfig, 'el' | 'authToke
     elementId?: string;
 }
 export interface IProduct extends Pick<ThreekitInitConfig, 'assetId' | 'stageId' | 'initialConfiguration'> {
+    configurationId?: string;
 }
 export interface IProducts extends Record<string, string | Partial<IProduct>> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.45",
+  "version": "0.0.49",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [