@threekit-tools/treble 0.0.94-next-01 → 0.0.94-next-02

package/dist/Treble/Treble.js

@@ -80,14 +80,14 @@ var Treble = (function () {
             });
         }); };
         this.saveConfiguration = function (config) { return __awaiter(_this, void 0, void 0, function () {
-            var threekitDomain, _a, customerId, metadata, configuration, productVersion, attachments, player, response, params, url;
+            var threekitDomain, _a, customerId, metadata, configuration, productVersion, attachments, creator, player, response, params, url;
             var _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
                         threekitDomain = connection_1.default.getConnection().threekitDomain;
-                        _a = Object.assign({}, config), customerId = _a.customerId, metadata = _a.metadata, configuration = _a.configuration, productVersion = _a.productVersion, attachments = _a.attachments;
+                        _a = Object.assign({}, config), customerId = _a.customerId, metadata = _a.metadata, configuration = _a.configuration, productVersion = _a.productVersion, attachments = _a.attachments, creator = _a.creator;
                         player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
                         return [4, api_1.default.configurations.save({
                                 assetId: window.threekit.player.assetId,
@@ -96,6 +96,7 @@ var Treble = (function () {
                                 metadata: metadata,
                                 productVersion: productVersion,
                                 attachments: attachments,
+                                creator: creator,
                             })];
                     case 1:
                         response = _d.sent();

package/dist/api/assets.d.ts

@@ -0,0 +1 @@
+export declare const fetchTranslations: (locale: string) => Promise<import("../http/assets").ITranslationsMap>;

package/dist/api/{products.js → assets.js}

@@ -41,36 +41,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchTranslations = void 0;
 var http_1 = __importDefault(require("../http"));
-var fetchTranslations = function () {
-    return new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
-        var translations, csvData, languages, translationMap;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4, http_1.default.products.getTranslations()];
-                case 1:
-                    translations = _a.sent();
-                    csvData = translations.data
-                        .replace(/"/g, '')
-                        .split('\n')
-                        .map(function (el) { return el.split(','); });
-                    languages = csvData[0];
-                    translationMap = csvData.reduce(function (output, row, idx) {
-                        if (!idx)
-                            return output;
-                        output[row[0]] = row.reduce(function (result, el, i) {
-                            var _a;
-                            if (!i)
-                                return result;
-                            return Object.assign(result, (_a = {},
-                                _a[languages[i]] = el.length ? el : undefined,
-                                _a));
-                        }, {});
-                        return output;
-                    }, {});
-                    resolve(translationMap);
-                    return [2];
-            }
-        });
-    }); });
-};
+var fetchTranslations = function (locale) { return __awaiter(void 0, void 0, void 0, function () {
+    var response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, http_1.default.assets.getTranslationsForLocale(locale)];
+            case 1:
+                response = _a.sent();
+                return [2, response.data];
+        }
+    });
+}); };
 exports.fetchTranslations = fetchTranslations;

package/dist/api/configurations.d.ts

@@ -7,6 +7,7 @@ export interface ISaveConfiguration {
     metadata?: IMetadata;
     productVersion?: string;
     attachments?: Record<string, File>;
+    creator?: string;
 }
 export declare const save: (saveConfig: ISaveConfiguration) => Promise<import("axios").AxiosResponse<IConfigurationResponse>>;
 export declare const fetch: (configurationId: string) => Promise<import("axios").AxiosResponse<IConfigurationResponse>>;

package/dist/api/configurations.js

@@ -42,9 +42,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchAll = exports.fetch = exports.save = void 0;
 var http_1 = __importDefault(require("../http"));
 var save = function (saveConfig) { return __awaiter(void 0, void 0, void 0, function () {
-    var assetId, customerId, configuration, metadata, productVersion, attachments, error, fd, attachmentsPrepped_1;
+    var assetId, customerId, configuration, metadata, productVersion, attachments, creator, error, fd, attachmentsPrepped_1;
     return __generator(this, function (_a) {
-        assetId = saveConfig.assetId, customerId = saveConfig.customerId, configuration = saveConfig.configuration, metadata = saveConfig.metadata, productVersion = saveConfig.productVersion, attachments = saveConfig.attachments;
+        assetId = saveConfig.assetId, customerId = saveConfig.customerId, configuration = saveConfig.configuration, metadata = saveConfig.metadata, productVersion = saveConfig.productVersion, attachments = saveConfig.attachments, creator = saveConfig.creator;
         if (!assetId)
             error = 'Requires Asset Id';
         if (!configuration)
@@ -71,6 +71,13 @@ var save = function (saveConfig) { return __awaiter(void 0, void 0, void 0, func
             });
             fd.append('attachments', JSON.stringify(attachmentsPrepped_1));
         }
+        fd.append('sessionId', window.threekit.player.sessionId);
+        if (creator) {
+            fd.append('creator', creator);
+        }
+        else {
+            fd.append('creator', 'player api');
+        }
         return [2, http_1.default.configurations.postConfiguration(fd)];
     });
 }); };

package/dist/api/index.d.ts

@@ -1,4 +1,4 @@
-import * as products from './products';
+import * as assets from './assets';
 import * as configurations from './configurations';
 import * as price from './price';
 import * as orders from './orders';
@@ -6,7 +6,7 @@ import * as catalog from './catalog';
 import * as datatables from './datatables';
 import * as server from './server';
 declare const _default: {
-    products: typeof products;
+    assets: typeof assets;
     configurations: typeof configurations;
     price: typeof price;
     orders: typeof orders;

package/dist/api/index.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var products = __importStar(require("./products"));
+var assets = __importStar(require("./assets"));
 var configurations = __importStar(require("./configurations"));
 var price = __importStar(require("./price"));
 var orders = __importStar(require("./orders"));
@@ -31,7 +31,7 @@ var catalog = __importStar(require("./catalog"));
 var datatables = __importStar(require("./datatables"));
 var server = __importStar(require("./server"));
 exports.default = {
-    products: products,
+    assets: assets,
     configurations: configurations,
     price: price,
     orders: orders,

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

@@ -4,11 +4,14 @@ import { ILaunchConfig } from '../../store/treble';
 interface Theme {
     [key: string]: string | number;
 }
-export interface ThreekitProviderProps extends Partial<ILaunchConfig> {
+interface AppProps extends Partial<ILaunchConfig> {
     productId?: string;
     theme?: Theme;
-    reducer?: Record<string, Reducer>;
     children: React.ReactNode;
 }
+export interface ThreekitProviderProps extends AppProps {
+    reducer?: Record<string, Reducer>;
+    removeTheme?: boolean;
+}
 declare const ThreekitProvider: (props: ThreekitProviderProps) => JSX.Element;
 export default ThreekitProvider;

package/dist/components/ThreekitProvider/index.js

@@ -1,4 +1,15 @@
 "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);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -57,10 +68,24 @@ var App = function (props) {
     return react_1.default.createElement(react_1.default.Fragment, null, props.children);
 };
 var ThreekitProvider = function (props) {
+    var appProps = {
+        locale: props.locale,
+        assetId: props.assetId,
+        customId: props.customId,
+        productId: props.productId,
+        project: props.project,
+        playerConfig: props.playerConfig,
+        threekitEnv: props.threekitEnv,
+        eventHandlers: props.eventHandlers,
+    };
+    if (props.removeTheme)
+        return (react_1.default.createElement(react_redux_1.Provider, { store: (0, store_1.default)(props.reducer) },
+            react_1.default.createElement(App, __assign({}, appProps), props.children),
+            constants_1.TREBLE_DEBUG ? null : react_1.default.createElement(DevTools_1.default, null)));
     return (react_1.default.createElement(react_redux_1.Provider, { store: (0, store_1.default)(props.reducer) },
         react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
-            react_1.default.createElement(GlobalStyles_styles_1.default, null),
-            react_1.default.createElement(App, { locale: props.locale, assetId: props.assetId, customId: props.customId, productId: props.productId, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children),
+            props.removeTheme ? null : react_1.default.createElement(GlobalStyles_styles_1.default, null),
+            react_1.default.createElement(App, __assign({}, appProps), props.children),
             constants_1.TREBLE_DEBUG ? null : react_1.default.createElement(DevTools_1.default, null))));
 };
 exports.default = ThreekitProvider;

package/dist/components/TrebleApp/index.js

@@ -66,6 +66,11 @@ function TrebleApp(props) {
         react_1.Children.forEach(Object.values(productComponents).map(function (el) { return el({}); }), function (jsx, i) {
             if (!jsx)
                 return;
+            if (typeof jsx === 'string' ||
+                typeof jsx === 'boolean' ||
+                typeof jsx === 'number' ||
+                !('props' in jsx))
+                return;
             if (!jsx.props.products)
                 return;
             var products = jsx.props.products;

package/dist/hooks/useAttribute/index.js

@@ -45,13 +45,13 @@ var useAttribute = function (attributeName) {
     if (!attributeName)
         return [undefined, undefined];
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var _b = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _b[0], translations = _b[1], language = _b[2];
+    var _b = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _b[0], translations = _b[1];
     if (!attributeName || !attributes)
         return [undefined, undefined];
     var attribute = attributes[attributeName];
     if (!attribute)
         return [undefined, undefined];
-    var preppedAttributes = (0, utils_2.hydrateAttribute)([(_a = {}, _a[attributeName] = attribute, _a), translations, language], function (config) { return dispatch((0, attributes_1.setConfiguration)(config)); });
+    var preppedAttributes = (0, utils_2.hydrateAttribute)([(_a = {}, _a[attributeName] = attribute, _a), translations], function (config) { return dispatch((0, attributes_1.setConfiguration)(config)); });
     var handleChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
         var preppedValue, assetId;
         var _a;

package/dist/hooks/useConfigurator/index.js

@@ -5,12 +5,10 @@ var store_1 = require("../../store");
 var utils_1 = require("../../utils");
 var useConfigurator = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var hydrationData = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData);
-    if (!hydrationData)
+    var _a = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _a[0], translations = _a[1];
+    if (!attributes || !translations)
         return [undefined, undefined];
-    var preppedAttributes = (0, utils_1.hydrateAttribute)(hydrationData, function (config) {
-        return dispatch((0, attributes_1.setConfiguration)(config));
-    });
+    var preppedAttributes = (0, utils_1.hydrateAttribute)([attributes, translations], function (config) { return dispatch((0, attributes_1.setConfiguration)(config)); });
     var handleChange = function (configuration) {
         return dispatch((0, attributes_1.setConfiguration)(configuration));
     };

package/dist/hooks/useNestedConfigurator/index.js

@@ -47,7 +47,7 @@ var useNestedConfigurator = function (address) {
     var hasInitialized = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     var playerLoading = (0, store_1.useThreekitSelector)(treble_1.isPlayerLoading);
     var priceConfig = (0, store_1.useThreekitSelector)(price_1.getPriceConfig);
-    var _a = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), _ = _a[0], translations = _a[1], language = _a[2];
+    var _a = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), _ = _a[0], translations = _a[1];
     var _b = (0, react_1.useState)(), attributes = _b[0], setAttributes = _b[1];
     var metadataRef = (0, react_1.useRef)({});
     var configurator = (0, react_1.useRef)();
@@ -89,7 +89,7 @@ var useNestedConfigurator = function (address) {
         var _a;
         return Object.assign(output, (_a = {}, _a[attr.name] = attr, _a));
     }, {});
-    var preppedAttributes = (0, utils_1.hydrateAttribute)([attributeObj, translations, language], handleSelect);
+    var preppedAttributes = (0, utils_1.hydrateAttribute)([attributeObj, translations], handleSelect, configurator.current.getResolvedConfiguration());
     var price = priceConfig
         ? configurator.current.getPrice(priceConfig.id, priceConfig.currency)
         : undefined;

package/dist/hooks/useShare/index.js

@@ -53,7 +53,9 @@ var useShare = function () {
             var configuration;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4, window.threekit.treble.saveConfiguration()];
+                    case 0: return [4, window.threekit.treble.saveConfiguration({
+                            creator: 'threekit share button',
+                        })];
                     case 1:
                         configuration = _a.sent();
                         if (!configuration)

package/dist/hooks/useSpaces/SpacesState.js

@@ -135,7 +135,7 @@ var SpacesState = (function () {
                 return;
             var wallIndex = (_a = _this.getWallIndexInProximity(moveToPoint)) !== null && _a !== void 0 ? _a : feature.connectedTo[1];
             var wall = _this.getWall(wallIndex);
-            if (!wall)
+            if ((wall === null || wall === void 0 ? void 0 : wall.mode) !== constants_1.WallModes.WALL)
                 return;
             var intersection = (0, geometry_1.getTangetIntersectionAndOffset)(wall.line, moveToPoint);
             if (!intersection)
@@ -937,11 +937,13 @@ var SpacesState = (function () {
         this.pushStateToConfigurator();
     };
     SpacesState.prototype.getFirstVacantLocationOnWallIndex = function (length, wallIndex) {
-        var _a, _b;
-        var _c = this, walls = _c.walls, validationConfig = _c.validationConfig;
+        var _a, _b, _c;
+        if (((_a = this.getWall(wallIndex)) === null || _a === void 0 ? void 0 : _a.mode) !== constants_1.WallModes.WALL)
+            return undefined;
+        var _d = this, walls = _d.walls, validationConfig = _d.validationConfig;
         var padding = validationConfig.padding;
         var wallLength = (0, geometry_1.getLengthOfLineSegment)(walls[wallIndex].line);
-        var features = (_b = (_a = this.getWallConnectionsHydrated(wallIndex)) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.offset - b.offset; })) !== null && _b !== void 0 ? _b : [];
+        var features = (_c = (_b = this.getWallConnectionsHydrated(wallIndex)) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.offset - b.offset; })) !== null && _c !== void 0 ? _c : [];
         for (var j = 0; j <= features.length; j++) {
             var prev = features[j - 1];
             var next = features[j];
@@ -1059,7 +1061,7 @@ var SpacesState = (function () {
         var length = ((feature === null || feature === void 0 ? void 0 : feature.length) || constants_1.FEATURE_LENGTH) / this.scale;
         if (addToWallIndex !== undefined && (feature === null || feature === void 0 ? void 0 : feature.offset) !== undefined) {
             var wall = this.getWall(addToWallIndex);
-            if (wall) {
+            if ((wall === null || wall === void 0 ? void 0 : wall.mode) === constants_1.WallModes.WALL) {
                 var isColliding = (0, validators_1.isFeatureCollidingWithExistingFeature)({
                     wall: wall,
                     updatedFeature: {

package/dist/hooks/useSpaces/dataHandlers.js

@@ -264,10 +264,6 @@ function prepLengthForUser(value, unit) {
     if (unit === types_1.IUnits.FEET) {
         var feet = Math.floor(value);
         var inches = 12 * (value % 1);
-        if (inches > 11.95) {
-            feet += 1;
-            inches = 0;
-        }
         return "".concat(feet).concat(constants_1.UNIT_LABELS[types_1.IUnits.FEET], " ").concat(inches.toFixed(1)).concat(constants_1.UNIT_LABELS[types_1.IUnits.INCH]);
     }
     return "".concat(value.toFixed(2), " ").concat(constants_1.UNIT_LABELS[unit]);

package/dist/hooks/useSpaces/index.js

@@ -60,14 +60,6 @@ var SpacesLayout_1 = __importDefault(require("./SpacesLayout"));
 var store_1 = require("../../store");
 var spaces_1 = require("../../store/spaces");
 var useThreekitInitStatus_1 = __importDefault(require("../useThreekitInitStatus"));
-var getLocalTouchPoint = function (touch, rect) {
-    if (touch.clientY < rect.top ||
-        rect.bottom < touch.clientY ||
-        touch.clientX < rect.left ||
-        rect.right < touch.clientX)
-        return undefined;
-    return [touch.clientX - rect.left, touch.clientY - rect.top];
-};
 var useSpaces = function (props) {
     var _a, _b, _c, _d, _e;
     var attributesState = (0, useConfigurator_1.default)()[0];
@@ -179,22 +171,14 @@ var useSpaces = function (props) {
             return;
         if (canvasRef.current) {
             canvasRef.current.addEventListener('mousedown', handleDrawWallStart);
-            canvasRef.current.addEventListener('touchstart', handleDrawWallStart);
             canvasRef.current.addEventListener('mousemove', handleDrawWallMouseMove);
-            canvasRef.current.addEventListener('touchmove', handleDrawWallMouseMove);
             document.addEventListener('mouseup', handleDrawWallFinish);
-            document.addEventListener('touchend', handleDrawWallFinish);
             canvasRef.current.addEventListener('mousemove', handleHover);
             canvasRef.current.addEventListener('mousedown', handleSelectElement);
-            canvasRef.current.addEventListener('touchstart', handleSelectElement);
             canvasRef.current.addEventListener('mousemove', handleMoveSelectedElement);
-            canvasRef.current.addEventListener('touchmove', handleMoveSelectedElement);
-            if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled)) {
+            if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled))
                 canvasRef.current.addEventListener('mousemove', handleMoveCanvas);
-                canvasRef.current.addEventListener('touchmove', handleMoveCanvas);
-            }
             document.addEventListener('mouseup', handleFinishMove);
-            document.addEventListener('touchend', handleFinishMove);
             if (!((_b = props.config) === null || _b === void 0 ? void 0 : _b.zoomDisabled))
                 canvasRef.current.addEventListener('wheel', handleScrollToZoom);
         }
@@ -202,22 +186,14 @@ var useSpaces = function (props) {
             var _a, _b;
             if (canvasRef.current) {
                 canvasRef.current.removeEventListener('mousedown', handleDrawWallStart);
-                canvasRef.current.removeEventListener('touchstart', handleDrawWallStart);
                 canvasRef.current.removeEventListener('mousemove', handleDrawWallMouseMove);
-                canvasRef.current.removeEventListener('touchmove', handleDrawWallMouseMove);
                 document.removeEventListener('mouseup', handleDrawWallFinish);
-                document.removeEventListener('touchend', handleDrawWallFinish);
                 canvasRef.current.removeEventListener('mousemove', handleHover);
                 canvasRef.current.removeEventListener('mousedown', handleSelectElement);
-                canvasRef.current.removeEventListener('touchstart', handleSelectElement);
                 canvasRef.current.removeEventListener('mousemove', handleMoveSelectedElement);
-                canvasRef.current.removeEventListener('touchmove', handleMoveSelectedElement);
-                if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled)) {
+                if (!((_a = props.config) === null || _a === void 0 ? void 0 : _a.translateDisabled))
                     canvasRef.current.removeEventListener('mousemove', handleMoveCanvas);
-                    canvasRef.current.removeEventListener('touchmove', handleMoveCanvas);
-                }
                 document.removeEventListener('mouseup', handleFinishMove);
-                document.removeEventListener('touchend', handleFinishMove);
                 if (!((_b = props.config) === null || _b === void 0 ? void 0 : _b.zoomDisabled))
                     canvasRef.current.removeEventListener('wheel', handleScrollToZoom);
             }
@@ -267,15 +243,7 @@ var useSpaces = function (props) {
             return;
         if (modeValue !== types_2.IModes.SELECT)
             return;
-        var cursorPoint;
-        if ('offsetX' in e && 'offsetY' in e)
-            cursorPoint = [e.offsetX, e.offsetY];
-        else {
-            var localTouchPoint = getLocalTouchPoint(e.touches[0], canvasRef.current.getBoundingClientRect());
-            if (!localTouchPoint)
-                return;
-            cursorPoint = localTouchPoint;
-        }
+        var cursorPoint = [e.offsetX, e.offsetY];
         spacesRef.current.selectElementIfInProximity(canvasRef.current, cursorPoint);
         var element = spacesRef.current.getElementUiAtPoint(cursorPoint);
         if (!element) {
@@ -298,15 +266,7 @@ var useSpaces = function (props) {
             return;
         if (!canvasRef.current)
             return;
-        var point;
-        if ('offsetX' in e && 'offsetY' in e)
-            point = [e.offsetX, e.offsetY];
-        else {
-            var localTouchPoint = getLocalTouchPoint(e.touches[0], canvasRef.current.getBoundingClientRect());
-            if (!localTouchPoint)
-                return;
-            point = localTouchPoint;
-        }
+        var point = [e.offsetX, e.offsetY];
         spacesRef.current.moveActiveElement(canvasRef.current, point);
         selectElementPending.current = null;
     };
@@ -319,24 +279,15 @@ var useSpaces = function (props) {
             return;
         if (spacesRef.current.selectedElement || !translationAnchorRef.current)
             return;
-        var point;
-        if ('offsetX' in e && 'offsetY' in e)
-            point = [e.offsetX, e.offsetY];
-        else {
-            var localTouchPoint = getLocalTouchPoint(e.touches[0], canvasRef.current.getBoundingClientRect());
-            if (!localTouchPoint)
-                return;
-            point = localTouchPoint;
-        }
         spacesRef.current.translate = [
             spacesRef.current.translate[0] +
-                point[0] -
+                e.offsetX -
                 translationAnchorRef.current[0],
             spacesRef.current.translate[1] +
-                point[1] -
+                e.offsetY -
                 translationAnchorRef.current[1],
         ];
-        translationAnchorRef.current = point;
+        translationAnchorRef.current = [e.offsetX, e.offsetY];
         drawSpaces();
     };
     var handleFinishMove = function (e) {
@@ -370,38 +321,19 @@ var useSpaces = function (props) {
         spacesRef.current.showGuideAtPoint(canvas, cursorPoint);
     };
     var handleDrawWallStart = function (e) {
-        if (!spacesRef.current || !canvasRef.current)
+        if (!spacesRef.current)
             return;
         if (modeValue !== types_2.IModes.DRAW)
             return;
-        var startPoint;
-        if ('offsetX' in e && 'offsetY' in e)
-            startPoint = [e.offsetX, e.offsetY];
-        else {
-            var localTouchPoint = getLocalTouchPoint(e.touches[0], canvasRef.current.getBoundingClientRect());
-            if (!localTouchPoint)
-                return;
-            startPoint = localTouchPoint;
-        }
-        spacesRef.current.startDrawNewWall(startPoint);
+        spacesRef.current.startDrawNewWall([e.offsetX, e.offsetY]);
     };
     var handleDrawWallMouseMove = function (e) {
         if (!spacesRef.current || !canvasRef.current)
             return;
         if (modeValue !== types_2.IModes.DRAW)
             return;
-        if (!spacesRef.current.isDrawWallActive)
-            return;
-        var point;
-        if ('offsetX' in e && 'offsetY' in e)
-            point = [e.offsetX, e.offsetY];
-        else {
-            var localTouchPoint = getLocalTouchPoint(e.touches[0], canvasRef.current.getBoundingClientRect());
-            if (!localTouchPoint)
-                return;
-            point = localTouchPoint;
-        }
-        spacesRef.current.drawNewWall(canvasRef.current, point);
+        if (spacesRef.current.isDrawWallActive)
+            spacesRef.current.drawNewWall(canvasRef.current, [e.offsetX, e.offsetY]);
     };
     var handleDrawWallFinish = function (e) {
         var _a;

package/dist/http/assets.d.ts

@@ -0,0 +1,2 @@
+export declare type ITranslationsMap = Record<string, string>;
+export declare const getTranslationsForLocale: (locale: string) => Promise<import("axios").AxiosResponse<ITranslationsMap>>;

package/dist/http/assets.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTranslationsForLocale = void 0;
+var request_1 = __importDefault(require("./request"));
+var ASSETS_API_ROUTE = "/api/assets";
+var getTranslationsForLocale = function (locale) {
+    return request_1.default.get({
+        url: "".concat(ASSETS_API_ROUTE, "/translations"),
+        params: { locale: locale },
+        includeOrgId: true,
+    });
+};
+exports.getTranslationsForLocale = getTranslationsForLocale;

package/dist/http/index.d.ts

@@ -1,13 +1,13 @@
+import * as assets from './assets';
 import * as orders from './orders';
-import * as products from './products';
 import * as configurations from './configurations';
 import * as pricebook from './pricebook';
 import * as catalog from './catalog';
 import * as datatables from './datatables';
 import * as server from './server';
 declare const _default: {
+    assets: typeof assets;
     orders: typeof orders;
-    products: typeof products;
     configurations: typeof configurations;
     pricebook: typeof pricebook;
     catalog: typeof catalog;

package/dist/http/index.js

@@ -23,16 +23,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var assets = __importStar(require("./assets"));
 var orders = __importStar(require("./orders"));
-var products = __importStar(require("./products"));
 var configurations = __importStar(require("./configurations"));
 var pricebook = __importStar(require("./pricebook"));
 var catalog = __importStar(require("./catalog"));
 var datatables = __importStar(require("./datatables"));
 var server = __importStar(require("./server"));
 exports.default = {
+    assets: assets,
     orders: orders,
-    products: products,
     configurations: configurations,
     pricebook: pricebook,
     catalog: catalog,

package/dist/store/attributes.d.ts

@@ -1,6 +1,6 @@
 import { RootState, ThreekitDispatch } from './index';
 import { ISetConfiguration, IThreekitDisplayAttribute } from '../types';
-import { ITranslationMap } from '../api/products';
+import { ITranslationsMap } from '../http/assets';
 export declare type AttributesState = Record<string, IThreekitDisplayAttribute>;
 export declare const setAttributes: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[attributes: IThreekitDisplayAttribute[]], Record<string, IThreekitDisplayAttribute>, "treble/attributes/set-attributes", never, never>;
 declare const reducer: import("redux").Reducer<AttributesState, import("redux").AnyAction>;
@@ -13,7 +13,7 @@ export declare const getHydrationData: ((state: {
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
     spaces: import("./spaces").SpacesState;
-}) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: string | undefined) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined] & {
+}) => readonly [Record<string, IThreekitDisplayAttribute>, ITranslationsMap]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: ITranslationsMap) => readonly [Record<string, IThreekitDisplayAttribute>, ITranslationsMap] & {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/dist/store/attributes.js

@@ -67,9 +67,7 @@ var reducer = (0, toolkit_1.createSlice)({
 }).reducer;
 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];
-});
+exports.getHydrationData = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getTranslations, function (attributes, translations) { return [attributes, translations]; });
 var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {

package/dist/store/translations.d.ts

@@ -1,12 +1,14 @@
 import { RootState, ThreekitDispatch } from './index';
-import { ITranslationMap } from '../api/products';
+import { ITranslationsMap } from '../http/assets';
 export interface TranslationsState {
-    language: string | undefined;
+    locale: string | undefined;
+    translationsMap: ITranslationsMap;
 }
-export declare let TRANSLATIONS: undefined | ITranslationMap;
-export declare const setLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
-export declare const initTranslations: (language?: string) => (dispatch: ThreekitDispatch) => Promise<void>;
+export declare const setLocale: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>;
+export declare const setTranslationsMap: import("@reduxjs/toolkit").ActionCreatorWithPayload<ITranslationsMap, string>;
+export declare const initTranslations: (locale?: string) => (dispatch: ThreekitDispatch) => Promise<void>;
 declare const reducer: import("redux").Reducer<TranslationsState, import("redux").AnyAction>;
-export declare const getLanguage: (state: RootState) => undefined | string;
-export declare const getLanguageOptions: (state: RootState) => Array<string>;
+export declare const getLocale: (state: RootState) => undefined | string;
+export declare const getTranslations: (state: RootState) => ITranslationsMap;
+export declare const setTranslationForLocale: (locale: string | null) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
 export default reducer;

package/dist/store/translations.js

@@ -39,44 +39,64 @@ 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.initTranslations = exports.setLanguage = exports.TRANSLATIONS = void 0;
+exports.setTranslationForLocale = exports.getTranslations = exports.getLocale = exports.initTranslations = exports.setTranslationsMap = exports.setLocale = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var api_1 = __importDefault(require("../api"));
-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 () {
+exports.setLocale = (0, toolkit_1.createAction)('treble/translations/set-locale');
+exports.setTranslationsMap = (0, toolkit_1.createAction)('treble/translations/set-translations-map');
+var initTranslations = function (locale) { 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, api_1.default.products.fetchTranslations()];
+            case 0:
+                if (!locale)
+                    return [2];
+                return [4, api_1.default.assets.fetchTranslations(locale)];
             case 1:
-                exports.TRANSLATIONS = _a.sent();
-                if (language)
-                    dispatch((0, exports.setLanguage)(language));
+                translations = _a.sent();
+                dispatch((0, exports.setLocale)(locale));
+                dispatch((0, exports.setTranslationsMap)(translations));
                 return [2];
         }
     });
 }); }; };
 exports.initTranslations = initTranslations;
 var initialState = {
-    language: undefined,
+    locale: undefined,
+    translationsMap: {},
 };
 var reducer = (0, toolkit_1.createSlice)({
     name: 'translations',
     initialState: initialState,
     extraReducers: function (builder) {
-        builder.addCase(exports.setLanguage, function (state, action) {
-            state.language = action.payload;
+        builder
+            .addCase(exports.setLocale, function (state, action) {
+            state.locale = action.payload;
+        })
+            .addCase(exports.setTranslationsMap, function (state, action) {
+            state.translationsMap = action.payload;
         });
     },
     reducers: {},
 }).reducer;
-var getLanguage = function (state) {
-    return state.translations.language;
+var getLocale = function (state) {
+    return state.translations.locale;
 };
-exports.getLanguage = getLanguage;
-var getLanguageOptions = function (state) {
-    if (!state.treble.isThreekitInitialized || !exports.TRANSLATIONS)
-        return [];
-    return Object.keys(Object.values(exports.TRANSLATIONS)[0]);
+exports.getLocale = getLocale;
+var getTranslations = function (state) {
+    return state.translations.translationsMap;
 };
-exports.getLanguageOptions = getLanguageOptions;
+exports.getTranslations = getTranslations;
+var setTranslationForLocale = function (locale) {
+    return function (dispatch, getState) {
+        if (!locale) {
+            dispatch((0, exports.setLocale)(undefined));
+            dispatch((0, exports.setTranslationsMap)({}));
+        }
+        if (locale === getState().translations.locale)
+            return;
+        dispatch((0, exports.initTranslations)(locale !== null && locale !== void 0 ? locale : undefined));
+    };
+};
+exports.setTranslationForLocale = setTranslationForLocale;
 exports.default = reducer;

package/dist/types.d.ts

@@ -277,6 +277,7 @@ export interface IThreekitConfigurator {
     getMetadata: () => IMetadata;
     getAttributes: () => Array<IThreekitAttribute>;
     getConfiguration: () => IConfiguration;
+    getResolvedConfiguration: () => IConfiguration;
     setConfiguration: (configuration: ISetConfiguration | IConfiguration) => Promise<IConfiguration>;
     getPrice: (pricebookId: string, currency: string) => number;
     getDisplayAttributes: (config?: IDisplayAttributeConfig) => Array<IThreekitDisplayAttribute>;
@@ -328,6 +329,7 @@ export interface IThreekitPlayer {
     unload: () => Promise<string>;
     uploadImage: (image: File) => Promise<string>;
     cacheParameters: ICacheParameters;
+    sessionId: string;
 }
 export interface IThreekitPrivateConfigurator extends IThreekitConfigurator {
     name: string;

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
-import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute, ISetConfiguration, IHydratedAttribute } from './types';
+import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute, ISetConfiguration, IHydratedAttribute, IConfiguration } from './types';
 import { ITrebleConfig, ATTRIBUTE_TYPES } from './types';
 import { RawAttributeValue } from './hooks/useAttribute';
-import { ITranslationMap } from './api/products';
+import { ITranslationsMap } from './http/assets';
 interface ICameraPosition {
     position: ICoordinates;
     quaternion: IQuaternion;
@@ -48,11 +48,7 @@ export declare const downloadSnapshot: (snapshot: string, filename: string) => P
 export declare const copyToClipboard: (data: string | Record<string, string | number | boolean>) => void;
 export declare const easeInOutCubic: (val: number) => number;
 export declare const metadataValueToObject: (data: string) => Record<string, string | number>;
-export declare const hydrateAttribute: (data: [
-    Record<string, IThreekitDisplayAttribute>,
-    undefined | ITranslationMap,
-    undefined | string
-], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>) => Record<string, IHydratedAttribute>;
+export declare const hydrateAttribute: (data: [Record<string, IThreekitDisplayAttribute>, ITranslationsMap], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>, configuration?: IConfiguration) => Record<string, IHydratedAttribute>;
 export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: ATTRIBUTE_TYPES) => string | number | boolean | File | IConfigurationColor | {
     assetId: RawAttributeValue;
 } | undefined;

package/dist/utils.js

@@ -303,25 +303,22 @@ var metadataValueToObject = function (data) {
     }, {});
 };
 exports.metadataValueToObject = metadataValueToObject;
-var hydrateAttribute = function (data, optionSelectionHandler) {
-    var attributes = data[0], translations = data[1], language = data[2];
-    var hasTranslation = !!language && !!translations;
+var hydrateAttribute = function (data, optionSelectionHandler, configuration) {
+    var _a, _b;
+    var attributes = data[0], translations = data[1];
+    var resolvedConfig = configuration !== null && configuration !== void 0 ? configuration : (_b = (_a = window.threekit) === null || _a === void 0 ? void 0 : _a.configurator) === null || _b === void 0 ? void 0 : _b.getResolvedConfiguration();
     return Object.values(attributes).reduce(function (output, attribute) {
         var _a;
         var _b;
         return Object.assign(output, (_a = {},
             _a[attribute.name] = Object.assign({}, attribute, {
-                label: hasTranslation
-                    ? ((_b = translations === null || translations === void 0 ? void 0 : translations[attribute.name]) === null || _b === void 0 ? void 0 : _b[language]) || attribute.name
-                    : attribute.name,
+                label: (_b = translations[attribute.name]) !== null && _b !== void 0 ? _b : attribute.name,
             }, attribute.type === 'String'
                 ? {
                     values: attribute.values.map(function (el) {
                         var _a;
                         return Object.assign({}, el, {
-                            label: hasTranslation
-                                ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.label]) === null || _a === void 0 ? void 0 : _a[language]) || el.label
-                                : el.label,
+                            label: (_a = translations[el.label]) !== null && _a !== void 0 ? _a : el.label,
                             handleSelect: function () {
                                 var _a;
                                 return optionSelectionHandler((_a = {},
@@ -337,16 +334,18 @@ var hydrateAttribute = function (data, optionSelectionHandler) {
                         values: attribute.values.map(function (el) {
                             var _a;
                             return Object.assign({}, el, {
-                                label: hasTranslation
-                                    ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.name]) === null || _a === void 0 ? void 0 : _a[language]) || el.name
-                                    : el.name,
+                                label: (_a = translations[el.name]) !== null && _a !== void 0 ? _a : el.name,
                                 handleSelect: function () {
                                     var _a;
                                     return optionSelectionHandler((_a = {},
                                         _a[attribute.name] = { assetId: el.assetId },
                                         _a));
                                 },
-                                selected: attribute.value.assetId === el.assetId,
+                                selected: resolvedConfig
+                                    ? el.assetId ===
+                                        resolvedConfig[attribute.name]
+                                            .assetId
+                                    : el.assetId === attribute.value.assetId,
                             });
                         }),
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.94-next-01",
+  "version": "0.0.94-next-02",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [

package/dist/api/products.d.ts

@@ -1,4 +0,0 @@
-declare type ITranslation = Record<string, string | undefined>;
-export declare type ITranslationMap = Record<string, ITranslation>;
-export declare const fetchTranslations: () => Promise<ITranslationMap>;
-export {};

package/dist/http/products.d.ts

@@ -1 +0,0 @@
-export declare const getTranslations: () => Promise<import("axios").AxiosResponse<string>>;

package/dist/http/products.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTranslations = void 0;
-var request_1 = __importDefault(require("./request"));
-var PRODUCTS_API_ROUTE = "/api/products";
-var getTranslations = function () {
-    return request_1.default.get("".concat(PRODUCTS_API_ROUTE, "/translations"));
-};
-exports.getTranslations = getTranslations;