@threekit-tools/treble 0.0.52 → 0.0.53

package/dist/Treble/Treble.d.ts

@@ -1,10 +1,11 @@
 import threekitAPI from '../api';
-import { IThreekitPlayer, IMetadata } from '../threekit';
+import { IThreekitPlayer, IMetadata, IConfiguration, ISetConfiguration } from '../threekit';
 import { IWishlist } from './Wishlist';
 import Snapshots from './Snapshots';
 interface ITreble {
     player: IThreekitPlayer;
     orgId: string;
+    initialConfiguration: IConfiguration;
 }
 export interface ISaveConfigurationConfig {
     customerId?: string;
@@ -15,14 +16,16 @@ declare class Treble {
     _api: typeof threekitAPI;
     _player: IThreekitPlayer;
     wishlist: IWishlist;
+    private _initialConfiguration;
     private _snapshots;
     takeSnapshots: Snapshots['takeSnapshots'];
-    constructor({ player, orgId }: ITreble);
+    constructor({ player, orgId, initialConfiguration }: ITreble);
     saveConfiguration: (config?: ISaveConfigurationConfig | undefined) => Promise<{
         resumableUrl: string;
     } & import("../http/configurations").IConfigurationResponse & {
         thumbnail: string;
     }>;
     getNestedConfigurator: (address: string | Array<string>) => any;
+    resetConfiguration: (configuration?: ISetConfiguration | undefined) => void;
 }
 export default Treble;

package/dist/Treble/Treble.js

@@ -48,7 +48,7 @@ var Snapshots_1 = __importDefault(require("./Snapshots"));
 var Treble = /** @class */ (function () {
     function Treble(_a) {
         var _this = this;
-        var player = _a.player, orgId = _a.orgId;
+        var player = _a.player, orgId = _a.orgId, initialConfiguration = _a.initialConfiguration;
         this.saveConfiguration = function (config) { return __awaiter(_this, void 0, void 0, function () {
             var threekitDomain, _a, customerId, metadata, productVersion, files, response, params, url;
             var _b;
@@ -94,6 +94,11 @@ var Treble = /** @class */ (function () {
                 }).configurator;
             }, player.getConfigurator());
         };
+        this.resetConfiguration = function (configuration) {
+            var initialConfiguration = JSON.parse(_this._initialConfiguration);
+            var updateConfiguration = Object.assign(initialConfiguration, configuration);
+            window.threekit.configurator.setConfiguration(updateConfiguration);
+        };
         //  Threekit API
         this._api = api_1.default;
         this._player = player;
@@ -101,6 +106,7 @@ var Treble = /** @class */ (function () {
         this._snapshots = new Snapshots_1.default();
         this.takeSnapshots = this._snapshots.takeSnapshots;
         // this._player = player.enableApi('player');
+        this._initialConfiguration = JSON.stringify(initialConfiguration);
     }
     return Treble;
 }());

package/dist/store/treble.js

@@ -148,17 +148,16 @@ exports.getPlayerElementId = getPlayerElementId;
  ****************************************************/
 var launch = function (launchConfig) {
     return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, credentials, products, threekitEnv, playerConfig, envCredentials, product, threekitDomainRaw, orgId, authToken, initialConfigurationRaw, assetId, stageId, configurationId, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration, player, _a;
-        var _b;
-        var _c, _d, _e, _f, _g;
-        return __generator(this, function (_h) {
-            switch (_h.label) {
+        var config, credentials, products, threekitEnv, playerConfig, envCredentials, product, threekitDomainRaw, orgId, authToken, initialConfigurationRaw, assetId, stageId, configurationId, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration, player, configurator;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
                     if (window.threekit)
                         return [2 /*return*/];
                     config = (0, utils_1.loadTrebleConfig)();
-                    credentials = Object.assign({}, ((_c = config.project) === null || _c === void 0 ? void 0 : _c.credentials) || {}, ((_d = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _d === void 0 ? void 0 : _d.credentials) || {});
-                    products = Object.assign({}, ((_e = config.project) === null || _e === void 0 ? void 0 : _e.products) || {}, ((_f = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _f === void 0 ? void 0 : _f.products) || {});
+                    credentials = Object.assign({}, ((_a = config.project) === null || _a === void 0 ? void 0 : _a.credentials) || {}, ((_b = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _b === void 0 ? void 0 : _b.credentials) || {});
+                    products = Object.assign({}, ((_c = config.project) === null || _c === void 0 ? void 0 : _c.products) || {}, ((_d = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _d === void 0 ? void 0 : _d.products) || {});
                     if (!Object.keys(credentials).length || !Object.keys(products).length)
                         return [2 /*return*/, console.error('Missing credentials')];
                     threekitEnv = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.threekitEnv) || process.env.THREEKIT_ENV || 'preview';
@@ -202,19 +201,19 @@ var launch = function (launchConfig) {
                     initialConfiguration = __assign({}, initialConfigurationRaw);
                     updatedAssetId = assetId;
                     params = (0, utils_1.getParams)();
-                    configId = ((_g = params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]) === null || _g === void 0 ? void 0 : _g.length)
+                    configId = ((_e = params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]) === null || _e === void 0 ? void 0 : _e.length)
                         ? params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]
                         : configurationId;
                     if (!configId) return [3 /*break*/, 2];
                     return [4 /*yield*/, api_1.default.configurations.fetch(configId)];
                 case 1:
-                    configuration = _h.sent();
+                    configuration = _f.sent();
                     if (configuration) {
                         initialConfiguration = Object.assign({}, initialConfigurationRaw, configuration.data.variant);
                         connection_1.default.connect({ assetId: configuration.data.productId });
                         updatedAssetId = configuration.data.productId;
                     }
-                    _h.label = 2;
+                    _f.label = 2;
                 case 2:
                     if (!updatedAssetId)
                         return [2 /*return*/, console.error('missing assetId')];
@@ -222,21 +221,24 @@ var launch = function (launchConfig) {
                     return [4 /*yield*/, (0, utils_1.createThreekitScriptEl)(threekitDomain)];
                 case 3:
                     //  We create the threekit script
-                    _h.sent();
+                    _f.sent();
                     return [4 /*yield*/, window.threekitPlayer(__assign(__assign({ el: el, 
                             // Variables to sort out
                             authToken: authToken, stageId: stageId, assetId: updatedAssetId }, playerConfig), { initialConfiguration: initialConfiguration }))];
                 case 4:
-                    player = _h.sent();
-                    _a = window;
-                    _b = {
-                        player: player
-                    };
+                    player = _f.sent();
                     return [4 /*yield*/, player.getConfigurator()];
                 case 5:
-                    _a.threekit = (_b.configurator = _h.sent(),
-                        _b.treble = new Treble_1.default({ player: player, orgId: orgId }),
-                        _b);
+                    configurator = _f.sent();
+                    window.threekit = {
+                        player: player,
+                        configurator: configurator,
+                        treble: new Treble_1.default({
+                            player: player,
+                            orgId: orgId,
+                            initialConfiguration: configurator.getConfiguration(),
+                        }),
+                    };
                     dispatch((0, exports.setThreekitInitialized)());
                     dispatch((0, exports.setPlayerLoading)(false));
                     window.threekit.player.on('setConfiguration', function () {

package/dist/threekit.d.ts

@@ -214,11 +214,25 @@ export interface ThreekitInitConfig {
     showShare?: boolean;
     showLoadingThumbnail?: boolean;
     showLoadingProgress?: boolean;
-    onLoadingProgress?: boolean;
+    onLoadingProgress?: (progress: number) => void;
     locale?: string;
     allowMobileVerticalOrbit?: boolean;
     publishStage?: string;
     display?: DISPLAY_OPTIONS;
+    classnames?: {
+        loading?: string;
+        mobile?: string;
+        share?: string | {
+            button: string;
+            popup: string;
+        };
+        fullscreen?: string;
+        ar?: string | {
+            button: string;
+            popup: string;
+        };
+        help?: string;
+    };
 }
 /***************************************************
  *  Treble Declarations

package/package.json

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