@threekit-tools/treble 0.0.86 → 0.0.87

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

@@ -4,6 +4,7 @@ interface AccordionItemProps extends React.FC {
     label: string;
     handleSelect: () => void;
     onClick: () => void;
+    children?: React.ReactNode;
 }
 interface AccordionProps<T> {
     children: React.FunctionComponentElement<T> | Array<React.FunctionComponentElement<T>>;

package/dist/components/AttributeValue/index.js

@@ -23,6 +23,8 @@ var AttributeValue = function (props) {
             return null;
         value = (_b = assetAttribute_1.values.find(function (el) { return el.assetId === assetAttribute_1.value.assetId; })) === null || _b === void 0 ? void 0 : _b.name;
     }
+    else if (attributeData.type === types_1.ATTRIBUTE_TYPES.COLOR)
+        value = JSON.stringify(attributeData.value);
     else
         value = attributeData.value;
     if (!attribute)

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

@@ -1,3 +1,6 @@
 import React from 'react';
-export declare const PortalToArOverlay: React.FC;
+interface PortalToAROverlayProps {
+    children?: React.ReactNode;
+}
+export declare const PortalToArOverlay: React.FC<PortalToAROverlayProps>;
 export default PortalToArOverlay;

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

@@ -2,6 +2,7 @@ import React from 'react';
 interface IPortalToElementProps {
     to?: string;
     strict?: boolean;
+    children?: React.ReactNode;
 }
 export declare const PortalToElement: React.FC<IPortalToElementProps>;
 export default PortalToElement;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { IProducts } from '../../types';
 export interface ProductLayoutProps {
     products: Record<string, IProducts>;
+    children?: React.ReactNode;
 }
 declare const ProductLayout: React.FC<ProductLayoutProps>;
 export default ProductLayout;

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

@@ -2,6 +2,7 @@ import React from 'react';
 interface ITabPaneProps {
     label: string;
     onClick: () => void;
+    children?: React.ReactNode;
 }
 interface ITabs {
     TabPane: React.FC<ITabPaneProps>;

package/dist/components/formComponents.d.ts

@@ -4,7 +4,7 @@ export declare const FORM_COMPONENT_TYPES: {
 };
 export declare const formComponents: {
     [x: string]: {
-        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null);
+        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
     } | {
         [x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
     };
@@ -12,7 +12,7 @@ export declare const formComponents: {
         [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
     };
     String: {
-        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null);
+        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
     };
     upload: {
         [x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;

package/dist/hooks/useConfigurationLoader/index.js

@@ -41,6 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var api_1 = __importDefault(require("../../api"));
 var attributes_1 = require("../../store/attributes");
+var treble_1 = require("../../store/treble");
 var store_1 = require("../../store");
 var useConfigurationLoader = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
@@ -56,10 +57,19 @@ var useConfigurationLoader = function () {
                     configuration = _a.sent();
                     if (!configuration)
                         return [2];
+                    if (!(configuration.data.productId === window.threekit.player.assetId)) return [3, 3];
                     return [4, dispatch((0, attributes_1.setConfiguration)(configuration.data.variant))];
                 case 2:
                     _a.sent();
-                    return [2, Promise.resolve()];
+                    return [3, 5];
+                case 3: return [4, dispatch((0, treble_1.reloadPlayer)({
+                        assetId: configuration.data.productId,
+                        configuration: configuration.data.variant,
+                    }))];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [2, Promise.resolve()];
             }
         });
     }); };

package/dist/index.d.ts

@@ -23,6 +23,7 @@ import Cards from './components/Cards';
 import Dropdown from './components/Dropdown';
 import Strips from './components/Strips';
 import Swatch from './components/Swatch';
+import TextInput from './components/TextInput';
 import Tiles from './components/Tiles';
 import TilesGroup from './components/TilesGroup';
 import Upload from './components/Upload';
@@ -95,4 +96,4 @@ import WishlistIcon from './icons/Wishlist';
 import ZoomInIcon from './icons/ZoomIn';
 import ZoomOutIcon from './icons/ZoomOut';
 import SpinnerIcon from './icons/Spinner';
-export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, };
+export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, };

package/dist/index.js

@@ -3,8 +3,8 @@ 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.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.Skeleton = 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.useFirstPlayerInteraction = 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.DraggableIcon = 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 = exports.ArrowLeftIcon = exports.AddIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = void 0;
+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.Skeleton = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.TextInput = 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.useFirstPlayerInteraction = 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.DraggableIcon = 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 = exports.ArrowLeftIcon = exports.AddIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -55,6 +55,8 @@ var Strips_1 = __importDefault(require("./components/Strips"));
 exports.Strips = Strips_1.default;
 var Swatch_1 = __importDefault(require("./components/Swatch"));
 exports.Swatch = Swatch_1.default;
+var TextInput_1 = __importDefault(require("./components/TextInput"));
+exports.TextInput = TextInput_1.default;
 var Tiles_1 = __importDefault(require("./components/Tiles"));
 exports.Tiles = Tiles_1.default;
 var TilesGroup_1 = __importDefault(require("./components/TilesGroup"));

package/dist/store/index.d.ts

@@ -7,28 +7,21 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
 export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -36,44 +29,30 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<{
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
 export declare type RootState = ReturnType<typeof store.getState>;
 export declare type ThreekitDispatch = typeof store.dispatch;
-export declare const useThreekitDispatch: () => import("redux").Dispatch<import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, null, import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
+export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, undefined, import("redux").AnyAction>;
+}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;
 export declare const useThreekitSelector: TypedUseSelectorHook<RootState>;
 export default createStore;

package/dist/store/index.js

@@ -34,18 +34,22 @@ var store = (0, toolkit_1.configureStore)({
         wishlist: wishlist_1.default,
         price: price_1.default,
     },
-    middleware: constants_1.TREBLE_DEBUG
-        ? function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); }
-        : function (getDefaultMiddleware) { return getDefaultMiddleware(); },
+    middleware: function (getDefaultMiddleware) {
+        return constants_1.TREBLE_DEBUG
+            ? getDefaultMiddleware().concat(redux_logger_1.default)
+            : getDefaultMiddleware();
+    },
 });
 var createStore = function (reducer) {
     if (!reducer)
         return store;
     return (0, toolkit_1.configureStore)({
         reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default }),
-        middleware: constants_1.TREBLE_DEBUG
-            ? function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); }
-            : function (getDefaultMiddleware) { return getDefaultMiddleware(); },
+        middleware: function (getDefaultMiddleware) {
+            return constants_1.TREBLE_DEBUG
+                ? getDefaultMiddleware().concat(redux_logger_1.default)
+                : getDefaultMiddleware();
+        },
     });
 };
 exports.createStore = createStore;

package/dist/store/treble.d.ts

@@ -5,7 +5,6 @@ export interface IPlayerInit {
     authToken: string;
     assetId: string;
     stageId?: string;
-    orgId: string;
     playerConfig: IPlayerConfig;
     initialConfiguration?: IConfiguration;
 }

package/dist/store/treble.js

@@ -167,11 +167,11 @@ var getPlayerInteraction = function (state) {
 exports.getPlayerInteraction = getPlayerInteraction;
 var initPlayer = function (config) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
-        var el, authToken, assetId, stageId, orgId, playerConfig, initialConfiguration, player, configurator, ruleName;
+        var el, authToken, assetId, stageId, playerConfig, initialConfiguration, player, configurator, orgId, ruleName;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    el = config.el, authToken = config.authToken, assetId = config.assetId, stageId = config.stageId, orgId = config.orgId, playerConfig = config.playerConfig, initialConfiguration = config.initialConfiguration;
+                    el = config.el, authToken = config.authToken, assetId = config.assetId, stageId = config.stageId, playerConfig = config.playerConfig, initialConfiguration = config.initialConfiguration;
                     dispatch((0, exports.updateLoadingProgress)(0));
                     return [4, window.threekitPlayer(__assign(__assign({ el: el, authToken: authToken, stageId: stageId, assetId: assetId }, playerConfig), { initialConfiguration: initialConfiguration, onLoadingProgress: function (progress) {
                                 var _a;
@@ -183,6 +183,8 @@ var initPlayer = function (config) {
                     return [4, player.getConfigurator()];
                 case 2:
                     configurator = _a.sent();
+                    orgId = player.enableApi(types_1.PRIVATE_APIS.PLAYER).orgId;
+                    connection_1.default.connect({ orgId: orgId });
                     if (window.threekit) {
                         window.threekit = Object.assign(window.threekit, {
                             player: player,
@@ -250,7 +252,7 @@ var initPlayer = function (config) {
 exports.initPlayer = initPlayer;
 var launch = function (launchConfig) {
     return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetIdRaw, stageId, configurationId, initialConfigurationRaw, assetId, threekitDomainRaw, orgId, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
+        var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetIdRaw, stageId, configurationId, initialConfigurationRaw, assetId, threekitDomainRaw, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
         var _b, _c, _d, _e, _f, _g, _h;
         return __generator(this, function (_j) {
             switch (_j.label) {
@@ -313,7 +315,7 @@ var launch = function (launchConfig) {
                     _a = products[productId][threekitEnv] || {}, assetIdRaw = _a.assetId, stageId = _a.stageId, configurationId = _a.configurationId, initialConfigurationRaw = _a.initialConfiguration;
                     assetId = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.assetId) || assetIdRaw;
                     threekitDomainRaw = envCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
-                    orgId = envCredentials.orgId, authToken = envCredentials.publicToken;
+                    authToken = envCredentials.publicToken;
                     if (playerConfig.elementId) {
                         el = document.getElementById(playerConfig.elementId);
                         if (el)
@@ -325,7 +327,6 @@ var launch = function (launchConfig) {
                     }
                     connection_1.default.connect({
                         authToken: authToken,
-                        orgId: orgId,
                         assetId: assetId,
                         threekitDomain: threekitDomainRaw,
                         serverUrl: serverUrl,
@@ -361,7 +362,6 @@ var launch = function (launchConfig) {
                     _j.sent();
                     return [4, dispatch((0, exports.initPlayer)({
                             el: el,
-                            orgId: orgId,
                             authToken: authToken,
                             stageId: stageId,
                             assetId: updatedAssetId,
@@ -446,7 +446,6 @@ var reloadPlayer = function (config) {
                     _a.label = 6;
                 case 6: return [4, dispatch((0, exports.initPlayer)({
                         el: el,
-                        orgId: connectionObj.orgId,
                         authToken: connectionObj.authToken,
                         stageId: stageId,
                         assetId: assetId,

package/dist/types.d.ts

@@ -281,14 +281,24 @@ export interface IThreekitPlayer {
     unload: () => Promise<string>;
 }
 export interface IThreekitPrivateConfigurator extends IThreekitConfigurator {
+    name: string;
+    metadata: IMetadata;
     getAppliedConfiguration: (attributeName: string) => string;
     getFullConfiguration: () => IConfiguration;
 }
 export interface IThreekitPrivatePlayer {
+    v: string;
+    id: string;
+    assetId: string;
+    stageId: undefined | string;
+    instanceId: string;
+    assetType: string;
+    orgId: string;
+    rect: DOMRect;
+    isFullscreen: boolean;
+    zoomDisabled: boolean;
     getConfigurator: () => IThreekitPrivateConfigurator;
-    configurator: {
-        getFullConfiguration: () => IConfiguration;
-    };
+    configurator: IThreekitPrivateConfigurator;
     calculateLogs: () => Promise<Record<string, any>>;
     getAssetInstance: (query: ISceneQueryNode | string) => Promise<string>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
@@ -32,7 +32,8 @@
     "lint-staged": "lint-staged",
     "check-format": "prettier -c ./src",
     "format": "prettier --write ./src",
-    "test": "jest"
+    "test": "jest",
+    "deploy": "npm run build && npm publish"
   },
   "lint-staged": {
     "./src/**/*.{css,less,scss,html,json,jsx,js,tsx,ts}": [