@threekit-tools/treble 0.0.92-next-01 → 0.0.93

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>;
-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 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>;
+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

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -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/store/treble.d.ts

@@ -56,7 +56,7 @@ export declare const setPlayerElement: import("@reduxjs/toolkit").ActionCreatorW
 export declare const reloadTreble: import("@reduxjs/toolkit").ActionCreatorWithPayload<Partial<TrebleState>, string>;
 export declare const updateLoadingProgress: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
 export declare const setPlayerInteraction: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
-declare const reducer: import("redux").Reducer<TrebleState, import("redux").AnyAction>;
+declare const reducer: import("redux").Reducer<TrebleState>;
 export declare const getThreekitEnv: (state: RootState) => string;
 export declare const isThreekitInitialized: (state: RootState) => boolean;
 export declare const isFirstRenderComplete: (state: RootState) => boolean;
@@ -66,6 +66,6 @@ export declare const getLoadingProgress: (state: RootState) => undefined | numbe
 export declare const getPlayerInteraction: (state: RootState) => undefined | boolean;
 export declare const initPlayer: (config: IPlayerInit) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export declare const launch: (launchConfig?: Partial<ILaunchConfig>) => (dispatch: ThreekitDispatch) => Promise<void>;
-export declare const unloadPlayer: (dispatch: ThreekitDispatch) => Promise<string>;
+export declare const unloadPlayer: () => (dispatch: ThreekitDispatch) => Promise<void>;
 export declare const reloadPlayer: (config: undefined | string | Pick<IReloadConfig, 'assetId' | 'stageId' | 'configurationId' | 'configuration'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;

package/dist/store/treble.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -203,6 +203,7 @@ var initPlayer = function (config) {
                                 orgId: orgId,
                             }),
                         };
+                    dispatch((0, exports.setThreekitInitialized)(true));
                     dispatch((0, exports.setPlayerLoading)(false));
                     dispatch((0, exports.updateLoadingProgress)(1));
                     dispatch((0, exports.setPlayerInteraction)(true));
@@ -262,7 +263,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, customIdRaw, stageId, configurationId, initialConfigurationRaw, customId, assetId, threekitDomainRaw, authToken, playerScriptUrl, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
+        var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetIdRaw, customIdRaw, stageId, configurationId, initialConfigurationRaw, customId, assetId, threekitDomainRaw, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
         var _b, _c, _d, _e, _f, _g, _h, _j;
         return __generator(this, function (_k) {
             switch (_k.label) {
@@ -333,7 +334,7 @@ var launch = function (launchConfig) {
                         ? undefined
                         : (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.assetId) || assetIdRaw;
                     threekitDomainRaw = envCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
-                    authToken = envCredentials.publicToken, playerScriptUrl = envCredentials.playerScriptUrl;
+                    authToken = envCredentials.publicToken;
                     if (playerConfig.elementId) {
                         el = document.getElementById(playerConfig.elementId);
                         if (el)
@@ -372,8 +373,7 @@ var launch = function (launchConfig) {
                         throw new Error('missing assetId and customId');
                     return [4, new Promise(function (resolve) {
                             var script = document.createElement('script');
-                            script.src =
-                                playerScriptUrl || "".concat(threekitDomain, "/app/js/threekit-player-bundle.js");
+                            script.src = "".concat(threekitDomain, "/app/js/threekit-player-bundle.js");
                             script.id = 'threekit-player-bundle';
                             script.onload = function () { return resolve(); };
                             document.head.appendChild(script);
@@ -403,21 +403,28 @@ var launch = function (launchConfig) {
                     dispatch((0, price_1.initPrice)());
                     dispatch((0, price_1.updatePrice)());
                     dispatch((0, wishlist_1.refreshWishlist)());
-                    dispatch((0, exports.setThreekitInitialized)(true));
                     return [2];
             }
         });
     }); };
 };
 exports.launch = launch;
-var unloadPlayer = function (dispatch) {
-    dispatch((0, exports.setThreekitInitialized)(false));
-    dispatch((0, exports.setPlayerLoading)(true));
-    dispatch((0, attributes_1.setAttributes)([]));
-    dispatch((0, product_1.setName)(''));
-    dispatch((0, product_1.setMetadata)({}));
-    return window.threekit.player.unload();
-};
+var unloadPlayer = function () { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                dispatch((0, exports.setThreekitInitialized)(false));
+                dispatch((0, exports.setPlayerLoading)(true));
+                dispatch((0, attributes_1.setAttributes)([]));
+                dispatch((0, product_1.setName)(''));
+                dispatch((0, product_1.setMetadata)({}));
+                return [4, window.threekit.player.unload()];
+            case 1:
+                _a.sent();
+                return [2];
+        }
+    });
+}); }; };
 exports.unloadPlayer = unloadPlayer;
 var reloadPlayer = function (config) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
@@ -454,7 +461,7 @@ var reloadPlayer = function (config) {
                     playerConfig = Object.assign({}, constants_1.DEFAULT_PLAYER_CONFIG, trebleConfig.player);
                     el = document.getElementById(state.treble.playerElId);
                     if (!state.treble.isThreekitInitialized) return [3, 6];
-                    return [4, dispatch(exports.unloadPlayer)];
+                    return [4, dispatch((0, exports.unloadPlayer)())];
                 case 5:
                     _a.sent();
                     _a.label = 6;

package/dist/store/wishlist.d.ts

@@ -1,7 +1,7 @@
 import { RootState, ThreekitDispatch } from './index';
 import { WishlistArray } from '../Treble';
 import { ISaveConfiguration } from '../api/configurations';
-export declare type WishlistState = WishlistArray;
+export type WishlistState = WishlistArray;
 export declare const refreshWishlist: import("@reduxjs/toolkit").AsyncThunk<import("../http/configurations").IConfigurationResponse[], void, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
@@ -24,7 +24,7 @@ export declare const addToWishlist: import("@reduxjs/toolkit").AsyncThunk<import
 }>;
 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>;
-declare const reducer: import("redux").Reducer<WishlistArray, import("redux").AnyAction>;
+declare const reducer: import("redux").Reducer<WishlistArray>;
 export declare const getWishlist: (state: RootState) => WishlistArray;
 export declare const resumeFromWishlist: (idx: number) => (_: ThreekitDispatch, getState: () => RootState) => void;
 export default reducer;

package/dist/store/wishlist.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {

package/dist/types.d.ts

@@ -46,7 +46,7 @@ export declare enum SNAPSHOT_OUTPUTS {
     BLOB = "blob",
     FILE = "file"
 }
-export declare type IMetadata = Record<string, string | number | null>;
+export type IMetadata = Record<string, string | number | null>;
 export interface ISceneQueryShared {
     all?: boolean;
     id?: string;
@@ -79,7 +79,7 @@ export interface ISceneQueryTransform extends ISceneQueryShared {
     plug: PLUG_TYPES.TRANSFORM;
     property: TRANSFORM_PROPERTY_TYPES;
 }
-export declare type ISceneQuery = ISceneQueryNode | ISceneQueryTransform | string;
+export type ISceneQuery = ISceneQueryNode | ISceneQueryTransform | string;
 export interface ISceneResult {
     id: string;
     name: string;
@@ -97,9 +97,9 @@ export interface IConfigurationColor {
     g: number;
     b: number;
 }
-export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationArray | IConfigurationColor | string | number | boolean | undefined;
-export declare type IConfiguration = Record<string, IConfigurationAttribute>;
-export declare type ISetConfiguration = Record<string, IConfigurationAttribute>;
+export type IConfigurationAttribute = IConfigurationAsset | IConfigurationArray | IConfigurationColor | string | number | boolean | undefined;
+export type IConfiguration = Record<string, IConfigurationAttribute>;
+export type ISetConfiguration = Record<string, IConfigurationAttribute>;
 interface IDisplayAttributeConfig {
     includeHidden?: boolean;
 }
@@ -135,9 +135,9 @@ export interface IAttributeAssetBase<V> extends IAttributeBase<ATTRIBUTE_TYPES.A
     disabledValues?: Array<string>;
     values: Array<V>;
 }
-export declare type IDisplayAttributeAsset = IAttributeAssetBase<IDisplayAttributeAssetValue>;
-export declare type IHydratedAttributeAsset = IAttributeAssetBase<IHydratedAttributeAssetValue>;
-export declare type IAttributeAsset = IAttributeAssetBase<IConfigurationAssetValue>;
+export type IDisplayAttributeAsset = IAttributeAssetBase<IDisplayAttributeAssetValue>;
+export type IHydratedAttributeAsset = IAttributeAssetBase<IHydratedAttributeAssetValue>;
+export type IAttributeAsset = IAttributeAssetBase<IConfigurationAssetValue>;
 export interface IConfigurationArrayValue {
     assetId: string;
     name: string;
@@ -167,9 +167,9 @@ export interface IAttributeArrayBase<V> extends IAttributeBase<ATTRIBUTE_TYPES.A
         assetType: ASSET_TYPES;
     };
 }
-export declare type IDisplayAttributeArray = IAttributeArrayBase<IDisplayAttributeArrayValue>;
-export declare type IHydratedAttributeArray = IAttributeArrayBase<IHydratedAttributeArrayValue>;
-export declare type IAttributeArray = IAttributeArrayBase<Pick<IConfigurationArrayValue, 'assetId'>>;
+export type IDisplayAttributeArray = IAttributeArrayBase<IDisplayAttributeArrayValue>;
+export type IHydratedAttributeArray = IAttributeArrayBase<IHydratedAttributeArrayValue>;
+export type IAttributeArray = IAttributeArrayBase<Pick<IConfigurationArrayValue, 'assetId'>>;
 export interface IDisplayAttributeStringValue {
     label: string;
     value: string;
@@ -185,9 +185,9 @@ export interface IAttributeStringBase<V> extends IAttributeBase<ATTRIBUTE_TYPES.
     disabledValues?: Array<string>;
     values: Array<V>;
 }
-export declare type IDisplayAttributeString = IAttributeStringBase<IDisplayAttributeStringValue>;
-export declare type IHydratedAttributeString = IAttributeStringBase<IHydratedAttributeStringValue>;
-export declare type IAttributeString = IAttributeStringBase<string>;
+export type IDisplayAttributeString = IAttributeStringBase<IDisplayAttributeStringValue>;
+export type IHydratedAttributeString = IAttributeStringBase<IHydratedAttributeStringValue>;
+export type IAttributeString = IAttributeStringBase<string>;
 export interface IAttributeColor extends IAttributeBase<ATTRIBUTE_TYPES.COLOR, IConfigurationColor> {
     defaultValue: IConfigurationColor;
 }
@@ -201,9 +201,9 @@ export interface IAttributeNumber extends IAttributeBase<ATTRIBUTE_TYPES.NUMBER,
 export interface IAttributeBoolean extends IAttributeBase<ATTRIBUTE_TYPES.BOOLEAN, boolean> {
     defaultValue: boolean;
 }
-export declare type IThreekitAttribute = IAttributeAsset | IAttributeArray | IAttributeColor | IAttributeString | IAttributeNumber | IAttributeBoolean;
-export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeArray | IDisplayAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
-export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeArray | IHydratedAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
+export type IThreekitAttribute = IAttributeAsset | IAttributeArray | IAttributeColor | IAttributeString | IAttributeNumber | IAttributeBoolean;
+export type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeArray | IDisplayAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
+export type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeArray | IHydratedAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
 export interface ICoordinates {
     x: number;
     y: number;
@@ -280,14 +280,13 @@ export interface IThreekitConfigurator {
     setConfiguration: (configuration: ISetConfiguration | IConfiguration) => Promise<IConfiguration>;
     getPrice: (pricebookId: string, currency: string) => number;
     getDisplayAttributes: (config?: IDisplayAttributeConfig) => Array<IThreekitDisplayAttribute>;
-    getNestedConfigurator: (...path: Array<string | number | Array<string | number>>) => IThreekitConfigurator | undefined;
+    getNestedConfigurator: (path: string | Array<string | number>) => IThreekitConfigurator | undefined;
     getFullConfiguration: (options?: {
         resolve?: boolean;
         hydrate?: boolean;
     }) => IConfiguration;
     setFullConfiguration: (configuration: IConfiguration) => Promise<void>;
     on: (eventName: string, callback: () => void) => void;
-    clone: () => Promise<IThreekitConfigurator>;
 }
 export interface IThreekitScene {
     PHASES: {
@@ -328,6 +327,7 @@ export interface IThreekitPlayer {
     unload: () => Promise<string>;
     uploadImage: (image: File) => Promise<string>;
     cacheParameters: ICacheParameters;
+    sessionId: string;
 }
 export interface IThreekitPrivateConfigurator extends IThreekitConfigurator {
     name: string;
@@ -395,7 +395,6 @@ export interface ICredential {
     publicToken: string;
     publishStage?: string;
     threekitDomain?: string;
-    playerScriptUrl?: string;
 }
 export interface ICredentials extends Record<string, ICredential> {
 }

package/dist/types.js

@@ -6,17 +6,17 @@ var SCENE_PHASES;
     SCENE_PHASES["LOADED"] = "loaded";
     SCENE_PHASES["PRELOADED"] = "preloaded";
     SCENE_PHASES["RENDERED"] = "rendered";
-})(SCENE_PHASES = exports.SCENE_PHASES || (exports.SCENE_PHASES = {}));
+})(SCENE_PHASES || (exports.SCENE_PHASES = SCENE_PHASES = {}));
 var PRIVATE_APIS;
 (function (PRIVATE_APIS) {
     PRIVATE_APIS["SCENE"] = "scene";
     PRIVATE_APIS["PLAYER"] = "player";
-})(PRIVATE_APIS = exports.PRIVATE_APIS || (exports.PRIVATE_APIS = {}));
+})(PRIVATE_APIS || (exports.PRIVATE_APIS = PRIVATE_APIS = {}));
 var DISPLAY_OPTIONS;
 (function (DISPLAY_OPTIONS) {
     DISPLAY_OPTIONS["WEBGL"] = "webgl";
     DISPLAY_OPTIONS["IMAGE"] = "image";
-})(DISPLAY_OPTIONS = exports.DISPLAY_OPTIONS || (exports.DISPLAY_OPTIONS = {}));
+})(DISPLAY_OPTIONS || (exports.DISPLAY_OPTIONS = DISPLAY_OPTIONS = {}));
 var ATTRIBUTE_TYPES;
 (function (ATTRIBUTE_TYPES) {
     ATTRIBUTE_TYPES["STRING"] = "String";
@@ -25,28 +25,28 @@ var ATTRIBUTE_TYPES;
     ATTRIBUTE_TYPES["NUMBER"] = "Number";
     ATTRIBUTE_TYPES["BOOLEAN"] = "Boolean";
     ATTRIBUTE_TYPES["ARRAY"] = "Array";
-})(ATTRIBUTE_TYPES = exports.ATTRIBUTE_TYPES || (exports.ATTRIBUTE_TYPES = {}));
+})(ATTRIBUTE_TYPES || (exports.ATTRIBUTE_TYPES = ATTRIBUTE_TYPES = {}));
 var ASSET_TYPES;
 (function (ASSET_TYPES) {
     ASSET_TYPES["UPLOAD"] = "upload";
     ASSET_TYPES["ITEM"] = "item";
-})(ASSET_TYPES = exports.ASSET_TYPES || (exports.ASSET_TYPES = {}));
+})(ASSET_TYPES || (exports.ASSET_TYPES = ASSET_TYPES = {}));
 var PLUG_TYPES;
 (function (PLUG_TYPES) {
     PLUG_TYPES["PROXY"] = "Proxy";
     PLUG_TYPES["TRANSFORM"] = "Transform";
-})(PLUG_TYPES = exports.PLUG_TYPES || (exports.PLUG_TYPES = {}));
+})(PLUG_TYPES || (exports.PLUG_TYPES = PLUG_TYPES = {}));
 var TRANSFORM_PROPERTY_TYPES;
 (function (TRANSFORM_PROPERTY_TYPES) {
     TRANSFORM_PROPERTY_TYPES["ROTATION"] = "rotation";
     TRANSFORM_PROPERTY_TYPES["TRANSLATION"] = "translation";
     TRANSFORM_PROPERTY_TYPES["SCALE"] = "scale";
-})(TRANSFORM_PROPERTY_TYPES = exports.TRANSFORM_PROPERTY_TYPES || (exports.TRANSFORM_PROPERTY_TYPES = {}));
+})(TRANSFORM_PROPERTY_TYPES || (exports.TRANSFORM_PROPERTY_TYPES = TRANSFORM_PROPERTY_TYPES = {}));
 var SNAPSHOT_FORMATS;
 (function (SNAPSHOT_FORMATS) {
     SNAPSHOT_FORMATS["JPG"] = "jpg";
     SNAPSHOT_FORMATS["PNG"] = "png";
-})(SNAPSHOT_FORMATS = exports.SNAPSHOT_FORMATS || (exports.SNAPSHOT_FORMATS = {}));
+})(SNAPSHOT_FORMATS || (exports.SNAPSHOT_FORMATS = SNAPSHOT_FORMATS = {}));
 var SNAPSHOT_OUTPUTS;
 (function (SNAPSHOT_OUTPUTS) {
     SNAPSHOT_OUTPUTS["URL"] = "url";
@@ -54,4 +54,4 @@ var SNAPSHOT_OUTPUTS;
     SNAPSHOT_OUTPUTS["DATA_URL"] = "dataUrl";
     SNAPSHOT_OUTPUTS["BLOB"] = "blob";
     SNAPSHOT_OUTPUTS["FILE"] = "file";
-})(SNAPSHOT_OUTPUTS = exports.SNAPSHOT_OUTPUTS || (exports.SNAPSHOT_OUTPUTS = {}));
+})(SNAPSHOT_OUTPUTS || (exports.SNAPSHOT_OUTPUTS = SNAPSHOT_OUTPUTS = {}));

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute, ISetConfiguration, IHydratedAttribute } 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>) => Record<string, IHydratedAttribute>;
 export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: ATTRIBUTE_TYPES) => string | number | boolean | File | IConfigurationColor | {
     assetId: RawAttributeValue;
 } | undefined;

package/dist/utils.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -304,24 +304,19 @@ 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 attributes = data[0], translations = data[1];
     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,9 +332,7 @@ 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 = {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.92-next-01",
+  "version": "0.0.93",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
@@ -46,7 +46,6 @@
     "axios": "^0.22.0",
     "chokidar": "^3.5.3",
     "live-server": "^1.2.2",
-    "joi": "^17.10.0",
     "react-redux": "^7.2.6",
     "redux": "^4.1.2",
     "redux-logger": "^3.0.6",

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/hooks/useSpaces/SpacesLayout.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ICoordinate2D } from './types';
-interface ISpacesLayout {
-    loops?: Array<ICoordinate2D[]>;
-    size?: number;
-    color?: string;
-    padding?: number;
-    strokeWidth?: number;
-}
-export default function SpacesLayout(props: ISpacesLayout): JSX.Element;
-export {};

package/dist/hooks/useSpaces/SpacesLayout.js

@@ -1,74 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function SpacesLayout(props) {
-    var loops = props.loops;
-    var size = props.size || 20;
-    var padding = props.padding || 2;
-    var strokeWidth = props.strokeWidth || 2;
-    if (!(loops === null || loops === void 0 ? void 0 : loops.length))
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    var _a = loops.reduce(function (output, loop, i) {
-        loop.forEach(function (_a, j) {
-            var x = _a[0], y = _a[1];
-            if (!i && !j) {
-                output = {
-                    xMin: x,
-                    yMin: y,
-                    xMax: x,
-                    yMax: y,
-                };
-            }
-            else {
-                if (x < output.xMin)
-                    output.xMin = x;
-                else if (x > output.xMax)
-                    output.xMax = x;
-                if (y < output.yMin)
-                    output.yMin = y;
-                else if (y > output.yMax)
-                    output.yMax = y;
-            }
-        });
-        return output;
-    }, {
-        xMin: 0,
-        yMin: 0,
-        xMax: 0,
-        yMax: 0,
-    }), xMin = _a.xMin, yMin = _a.yMin, xMax = _a.xMax, yMax = _a.yMax;
-    var xSpan = xMax - xMin;
-    var ySpan = yMax - yMin;
-    var xCenter = xMin + xSpan / 2;
-    var yCenter = yMin + ySpan / 2;
-    var scaleFactor = (size - 2 * padding) / Math.max(xSpan, ySpan);
-    var translate = [
-        xCenter * scaleFactor - size / 2,
-        yCenter * scaleFactor - size / 2,
-    ];
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), loops.map(function (loop, i) {
-        var path = loop
-            .map(function (point, i) {
-            var x = point[0] * scaleFactor - translate[0];
-            var y = point[1] * scaleFactor - translate[1];
-            return (!i ? 'M ' : 'L ') + x + ' ' + y;
-        })
-            .join(' ') + ' Z';
-        return (react_1.default.createElement("path", { key: "path-".concat(i), d: path, stroke: props.color, strokeWidth: strokeWidth }));
-    })));
-}
-exports.default = SpacesLayout;