@threekit-tools/treble 0.0.50 → 0.0.54

package/dist/store/price.js

@@ -1,13 +1,72 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updatePrice = exports.getPrice = exports.setPrice = exports.setPriceConfig = void 0;
+exports.updatePrice = 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)('setPriceConfig');
-exports.setPrice = (0, toolkit_1.createAction)('setPrice');
+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 1:
+                pricebook = _a.sent();
+                id = pricebook[0].id;
+                currency = pricebook[0].currencies[0];
+                if (pricebook.length) {
+                    dispatch((0, exports.setPriceConfig)({ id: id, currency: currency }));
+                    price = window.threekit.configurator.getPrice(id, currency);
+                    dispatch((0, exports.setPrice)(price));
+                }
+                return [2 /*return*/];
+        }
+    });
+}); }; };
+exports.initPrice = initPrice;
 /*****************************************************
  * State
  ****************************************************/
@@ -25,10 +84,11 @@ var reducer = (0, toolkit_1.createSlice)({
             var _a = action.payload, id = _a.id, currency = _a.currency;
             state.id = id;
             state.currency = currency;
-            state.price = window.threekit.configurator.getPrice(id, currency);
+            return state;
         });
         builder.addCase(exports.setPrice, function (state, action) {
             state.price = action.payload;
+            return state;
         });
     },
     reducers: {},

package/dist/store/product.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from './index';
+import { RootState, ThreekitDispatch } from './index';
 import { IMetadata } from '../threekit';
 /*****************************************************
  * Types and Interfaces
@@ -12,6 +12,7 @@ export interface ProductState {
  ****************************************************/
 export declare const setName: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
 export declare const setMetadata: import("@reduxjs/toolkit").ActionCreatorWithPayload<IMetadata, string>;
+export declare const initProduct: () => (dispatch: ThreekitDispatch) => void;
 declare const reducer: import("redux").Reducer<ProductState, import("redux").AnyAction>;
 /*****************************************************
  * Standard Selectors

package/dist/store/product.js

@@ -1,13 +1,33 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMetadata = exports.getName = exports.setMetadata = exports.setName = void 0;
+exports.getMetadata = exports.getName = exports.initProduct = exports.setMetadata = exports.setName = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 /*****************************************************
  * Actions
  ****************************************************/
 //  Actions to be used only internally
-exports.setName = (0, toolkit_1.createAction)('setName');
-exports.setMetadata = (0, toolkit_1.createAction)('setMetadata');
+exports.setName = (0, toolkit_1.createAction)('treble/product/set-name');
+exports.setMetadata = (0, toolkit_1.createAction)('treble/product/set-metadata');
+var initProduct = function () { return function (dispatch) {
+    var name = window.threekit.player.scene.get({
+        id: window.threekit.player.assetId,
+    }).name;
+    var metadata = window.threekit.configurator.getMetadata();
+    dispatch((0, exports.setName)(name));
+    dispatch((0, exports.setMetadata)(metadata));
+}; };
+exports.initProduct = initProduct;
 /*****************************************************
  * State
  ****************************************************/
@@ -21,12 +41,11 @@ var reducer = (0, toolkit_1.createSlice)({
     name: 'product',
     initialState: initialState,
     extraReducers: function (builder) {
-        //  Language
         builder.addCase(exports.setName, function (state, action) {
-            state.name = action.payload;
+            return __assign(__assign({}, state), { name: action.payload });
         });
         builder.addCase(exports.setMetadata, function (state, action) {
-            state.metadata = action.payload;
+            return __assign(__assign({}, state), { metadata: action.payload });
         });
     },
     reducers: {},

package/dist/store/translations.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from './index';
+import { RootState, ThreekitDispatch } from './index';
 import { ITranslationMap } from '../api/products';
 /*****************************************************
  * Types and Interfaces
@@ -12,6 +12,7 @@ export interface TranslationsState {
  ****************************************************/
 export declare const setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<ITranslationMap, string>;
 export declare const setLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
+export declare const initTranslations: (language?: string | undefined) => (dispatch: ThreekitDispatch) => Promise<void>;
 declare const reducer: import("redux").Reducer<TranslationsState, import("redux").AnyAction>;
 /*****************************************************
  * Standard Selectors

package/dist/store/translations.js

@@ -1,13 +1,68 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLanguageOptions = exports.getLanguage = exports.setLanguage = exports.setTranslations = void 0;
+exports.getLanguageOptions = exports.getLanguage = exports.initTranslations = exports.setLanguage = exports.setTranslations = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
+var api_1 = __importDefault(require("../api"));
 /*****************************************************
  * Actions
  ****************************************************/
 //  Actions to be used only internally
-exports.setTranslations = (0, toolkit_1.createAction)('setTranslations');
-exports.setLanguage = (0, toolkit_1.createAction)('setLanguage');
+exports.setTranslations = (0, toolkit_1.createAction)('treble/translations/set-translations');
+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 () {
+    var translations;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, api_1.default.products.fetchTranslations()];
+            case 1:
+                translations = _a.sent();
+                dispatch((0, exports.setTranslations)(translations));
+                if (language)
+                    dispatch((0, exports.setLanguage)(language));
+                return [2 /*return*/];
+        }
+    });
+}); }; };
+exports.initTranslations = initTranslations;
 /*****************************************************
  * State
  ****************************************************/
@@ -20,7 +75,6 @@ var reducer = (0, toolkit_1.createSlice)({
     name: 'translations',
     initialState: initialState,
     extraReducers: function (builder) {
-        //  Language
         builder.addCase(exports.setTranslations, function (state, action) {
             state.translations = action.payload;
         });

package/dist/store/treble.js

@@ -57,10 +57,10 @@ var api_1 = __importDefault(require("../api"));
 var utils_1 = require("../utils");
 var constants_1 = require("../constants");
 var Treble_1 = __importDefault(require("../Treble"));
-var translations_1 = require("./translations");
 var attributes_1 = require("./attributes");
 var price_1 = require("./price");
 var wishlist_1 = require("./wishlist");
+var translations_1 = require("./translations");
 var product_1 = require("./product");
 /*****************************************************
  * Helper Functions
@@ -104,9 +104,9 @@ var initialState = {
 /*****************************************************
  * Actions
  ****************************************************/
-exports.setThreekitInitialized = (0, toolkit_1.createAction)('setThreekitInitialized');
-exports.setPlayerLoading = (0, toolkit_1.createAction)('setPlayerLoading');
-exports.setPlayerElement = (0, toolkit_1.createAction)('setPlayerElement');
+exports.setThreekitInitialized = (0, toolkit_1.createAction)('treble/set-threekit-initialized');
+exports.setPlayerLoading = (0, toolkit_1.createAction)('treble/set-player-loading');
+exports.setPlayerElement = (0, toolkit_1.createAction)('treble/set-player-element');
 /*****************************************************
  * Slice
  ****************************************************/
@@ -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, _a, player, translations, pricebook, _b, priceConfig, productName, wishlistData;
-        var _c;
-        var _d, _e, _f, _g, _h;
-        return __generator(this, function (_j) {
-            switch (_j.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({}, ((_d = config.project) === null || _d === void 0 ? void 0 : _d.credentials) || {}, ((_e = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _e === void 0 ? void 0 : _e.credentials) || {});
-                    products = Object.assign({}, ((_f = config.project) === null || _f === void 0 ? void 0 : _f.products) || {}, ((_g = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _g === void 0 ? void 0 : _g.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 = ((_h = params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]) === null || _h === void 0 ? void 0 : _h.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 = _j.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;
                     }
-                    _j.label = 2;
+                    _f.label = 2;
                 case 2:
                     if (!updatedAssetId)
                         return [2 /*return*/, console.error('missing assetId')];
@@ -222,54 +221,35 @@ var launch = function (launchConfig) {
                     return [4 /*yield*/, (0, utils_1.createThreekitScriptEl)(threekitDomain)];
                 case 3:
                     //  We create the threekit script
-                    _j.sent();
-                    return [4 /*yield*/, Promise.all([
-                            window.threekitPlayer(__assign(__assign({ el: el, 
-                                // Variables to sort out
-                                authToken: authToken, stageId: stageId, assetId: updatedAssetId }, playerConfig), { initialConfiguration: initialConfiguration })),
-                            api_1.default.products.fetchTranslations(),
-                            api_1.default.price.getPricebooksList(),
-                        ])];
+                    _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:
-                    _a = _j.sent(), player = _a[0], translations = _a[1], pricebook = _a[2];
-                    _b = window;
-                    _c = {
-                        player: player
-                    };
+                    player = _f.sent();
                     return [4 /*yield*/, player.getConfigurator()];
                 case 5:
-                    _b.threekit = (_c.configurator = _j.sent(),
-                        _c.treble = new Treble_1.default({ player: player, orgId: orgId }),
-                        _c);
-                    dispatch((0, attributes_1.setAttributes)(window.threekit.configurator.getDisplayAttributes()));
+                    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 () {
                         dispatch((0, attributes_1.setAttributes)(window.threekit.configurator.getDisplayAttributes()));
                         dispatch((0, price_1.updatePrice)());
                     });
-                    if (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.locale) {
-                        dispatch((0, translations_1.setLanguage)(launchConfig.locale));
-                        dispatch((0, translations_1.setTranslations)(translations));
-                    }
-                    if (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.eventHandlers)
-                        EVENTS = Object.assign(EVENTS, launchConfig.eventHandlers);
-                    if (pricebook.length) {
-                        priceConfig = {
-                            id: pricebook[0].id,
-                            currency: pricebook[0].currencies[0],
-                        };
-                        dispatch((0, price_1.setPriceConfig)(priceConfig));
-                    }
-                    productName = window.threekit.player.scene.get({
-                        id: window.threekit.player.assetId,
-                    }).name;
-                    dispatch((0, product_1.setName)(productName));
-                    dispatch((0, product_1.setMetadata)(window.threekit.configurator.getMetadata()));
-                    dispatch((0, exports.setThreekitInitialized)());
-                    dispatch((0, exports.setPlayerLoading)(false));
-                    return [4 /*yield*/, window.threekit.treble.wishlist.getWishlist()];
-                case 6:
-                    wishlistData = _j.sent();
-                    dispatch((0, wishlist_1.setWishlist)(wishlistData));
+                    EVENTS = Object.assign(EVENTS, launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.eventHandlers);
+                    dispatch((0, translations_1.initTranslations)(launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.locale));
+                    dispatch((0, price_1.initPrice)());
+                    dispatch((0, product_1.initProduct)());
+                    dispatch((0, wishlist_1.refreshWishlist)());
                     return [2 /*return*/];
             }
         });

package/dist/store/wishlist.d.ts

@@ -1,6 +1,5 @@
 import { RootState, ThreekitDispatch } from './index';
 import { ISaveConfigurationConfig, WishlistArray } from '../Treble';
-import { IConfigurationResponse } from '../http/configurations';
 /*****************************************************
  * Types and Interfaces
  ****************************************************/
@@ -8,7 +7,10 @@ export declare type WishlistState = WishlistArray;
 /*****************************************************
  * Standard Selectors
  ****************************************************/
-export declare const setWishlist: import("@reduxjs/toolkit").ActionCreatorWithPayload<IConfigurationResponse[], string>;
+export declare const refreshWishlist: import("@reduxjs/toolkit").AsyncThunk<import("../http/configurations").IConfigurationResponse[], void, {}>;
+export declare const addToWishlist: import("@reduxjs/toolkit").AsyncThunk<import("../http/configurations").IConfigurationResponse[], ISaveConfigurationConfig, {}>;
+export declare const clearWishlist: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[], import("../http/configurations").IConfigurationResponse[], "treble/wishlist/clear", never, never>;
+export declare const removeFromWishlist: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[idx: number], import("../http/configurations").IConfigurationResponse[], "treble/wishlist/remove-item", never, never>;
 /*****************************************************
  * Slice
  ****************************************************/
@@ -17,8 +19,5 @@ declare const reducer: import("redux").Reducer<WishlistArray, import("redux").An
  * Standard Selectors
  ****************************************************/
 export declare const getWishlist: (state: RootState) => WishlistArray;
-export declare const addToWishlist: (config: ISaveConfigurationConfig) => (dispatch: ThreekitDispatch) => Promise<void>;
-export declare const removeFromWishlist: (idx: number) => (dispatch: ThreekitDispatch) => void;
-export declare const resumeFromWishlist: (idx: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
-export declare const clearWishlist: () => (dispatch: ThreekitDispatch) => void;
+export declare const resumeFromWishlist: (idx: number) => (_: ThreekitDispatch, getState: () => RootState) => void;
 export default reducer;

package/dist/store/wishlist.js

@@ -36,9 +36,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearWishlist = exports.resumeFromWishlist = exports.removeFromWishlist = exports.addToWishlist = exports.getWishlist = exports.setWishlist = void 0;
+exports.resumeFromWishlist = exports.getWishlist = exports.removeFromWishlist = exports.clearWishlist = exports.addToWishlist = exports.refreshWishlist = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
-var attributes_1 = require("./attributes");
 /*****************************************************
  * State
  ****************************************************/
@@ -46,7 +45,36 @@ var initialState = [];
 /*****************************************************
  * Standard Selectors
  ****************************************************/
-exports.setWishlist = (0, toolkit_1.createAction)('setWishlist');
+exports.refreshWishlist = (0, toolkit_1.createAsyncThunk)('treble/wishlist/refresh-data', function () { return __awaiter(void 0, void 0, void 0, function () {
+    var wishlistData;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, window.threekit.treble.wishlist.getWishlist()];
+            case 1:
+                wishlistData = _a.sent();
+                return [2 /*return*/, wishlistData];
+        }
+    });
+}); });
+exports.addToWishlist = (0, toolkit_1.createAsyncThunk)('treble/wishlist/add-item', function (config) { return __awaiter(void 0, void 0, void 0, function () {
+    var wishlistData;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, window.threekit.treble.wishlist.addItem(config)];
+            case 1:
+                wishlistData = _a.sent();
+                return [2 /*return*/, wishlistData];
+        }
+    });
+}); });
+exports.clearWishlist = (0, toolkit_1.createAction)('treble/wishlist/clear', function () {
+    var wishlistData = window.threekit.treble.wishlist.clearWishlist();
+    return { payload: wishlistData };
+});
+exports.removeFromWishlist = (0, toolkit_1.createAction)('treble/wishlist/remove-item', function (idx) {
+    var wishlistData = window.threekit.treble.wishlist.removeItemByIdx(idx);
+    return { payload: wishlistData };
+});
 /*****************************************************
  * Slice
  ****************************************************/
@@ -55,9 +83,17 @@ var reducer = (0, toolkit_1.createSlice)({
     initialState: initialState,
     reducers: {},
     extraReducers: function (builder) {
-        builder.addCase(exports.setWishlist, function (state, action) {
-            state = action.payload;
-            return state;
+        builder.addCase(exports.refreshWishlist.fulfilled, function (_, action) {
+            return action.payload;
+        });
+        builder.addCase(exports.addToWishlist.fulfilled, function (_, action) {
+            return action.payload;
+        });
+        builder.addCase(exports.removeFromWishlist, function (_, action) {
+            return action.payload;
+        });
+        builder.addCase(exports.clearWishlist, function (_, action) {
+            return action.payload;
         });
     },
 }).reducer;
@@ -67,35 +103,12 @@ var reducer = (0, toolkit_1.createSlice)({
 //  Wishlist
 var getWishlist = function (state) { return state.wishlist; };
 exports.getWishlist = getWishlist;
-var addToWishlist = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-    var wishlistData;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, window.threekit.treble.wishlist.addItem(config)];
-            case 1:
-                wishlistData = _a.sent();
-                dispatch((0, exports.setWishlist)(wishlistData));
-                return [2 /*return*/];
-        }
-    });
-}); }; };
-exports.addToWishlist = addToWishlist;
-var removeFromWishlist = function (idx) { return function (dispatch) {
-    var wishlistData = window.threekit.treble.wishlist.removeItemByIdx(idx);
-    dispatch((0, exports.setWishlist)(wishlistData));
-}; };
-exports.removeFromWishlist = removeFromWishlist;
-var resumeFromWishlist = function (idx) { return function (dispatch, getState) {
+var resumeFromWishlist = function (idx) { return function (_, getState) {
     var wishlist = getState().wishlist;
     var savedConfiguration = wishlist[idx];
     if (!savedConfiguration)
         return;
-    dispatch((0, attributes_1.setConfiguration)(savedConfiguration.variant));
+    window.threekit.configurator.setConfiguration(savedConfiguration.variant);
 }; };
 exports.resumeFromWishlist = resumeFromWishlist;
-var clearWishlist = function () { return function (dispatch) {
-    var wishlistData = window.threekit.treble.wishlist.clearWishlist();
-    dispatch((0, exports.setWishlist)(wishlistData));
-}; };
-exports.clearWishlist = clearWishlist;
 exports.default = reducer;

package/dist/threekit.d.ts

@@ -3,7 +3,8 @@ import Treble from './Treble';
 declare type SCENE_PHASES = 'LOADED' | 'PRELOADED' | 'RENDERED';
 declare type PRIVATE_APIS = 'scene' | 'player';
 export declare type DISPLAY_OPTIONS = 'webgl' | 'image';
-declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number';
+export declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number';
+export declare type AssetType = 'upload' | 'item';
 export declare type IMetadata = Record<string, string | number | null>;
 /***************************************************
  *  Scene
@@ -83,7 +84,7 @@ export interface IDisplayAttributeAssetValue extends IConfigurationAssetValue {
     label: string;
 }
 export interface IAttributeAssetBase<V> extends IAttributeBase<'Asset', IConfigurationAsset> {
-    assetType: string;
+    assetType: AssetType;
     blacklist: [];
     defaultValue: IConfigurationAsset;
     hiddenValues?: Array<string>;
@@ -213,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/dist/utils.d.ts

@@ -1,6 +1,7 @@
 import { ITranslationMap } from './api/products';
 import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute } from './threekit';
-import { ITrebleConfig } from './threekit';
+import { ITrebleConfig, IAttributeTypes } from './threekit';
+import { RawAttributeValue } from './hooks/useAttribute';
 interface ICameraPosition {
     position: ICoordinates;
     quaternion: IQuaternion;
@@ -53,8 +54,8 @@ export declare const metadataValueToObject: (data: string) => Record<string, str
  */
 export declare const createThreekitScriptEl: (threekitDomain: string) => Promise<void>;
 export declare const translateAttribute: (attributes: Array<IThreekitDisplayAttribute>, translations?: ITranslationMap | undefined, language?: string | undefined) => IThreekitDisplayAttribute;
-export declare const selectionToConfiguration: (value: string | number | boolean | IConfigurationColor, attributeType: string) => string | number | boolean | IConfigurationColor | {
-    assetId: string | number | boolean | IConfigurationColor;
+export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: IAttributeTypes) => string | number | boolean | File | IConfigurationColor | {
+    assetId: RawAttributeValue;
 };
 export declare const filterFormAttributes: (attributes: Record<string, IThreekitDisplayAttribute>, attributeComponentProps: IAttributesComponentProps, includeReservedAttributes: boolean) => IThreekitDisplayAttribute[];
 export declare const isUuid: (str?: string | undefined) => boolean;

package/package.json

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