@threekit-tools/treble 0.0.49 → 0.0.50

package/dist/Treble/Snapshots.js

@@ -129,32 +129,6 @@ var Snapshots = /** @class */ (function () {
             }, Promise.resolve(snapshots));
         };
         this.takeSnapshots = function (camerasList, snapshotsConfig) { return __awaiter(_this, void 0, void 0, function () {
-            // function getSnapshot() {
-            //   return window.threekit.player.snapshotAsync({
-            //     size,
-            //     mimeType: `image/${SNAPSHOT_FORMATS[format]}`,
-            //   })
-            // }
-            // function getSnapshots(
-            //   cameras: Array<string | undefined>,
-            //   camerasMap: CamerasMap
-            // ) {
-            //   let snapshots: Array<string> = []
-            //   return cameras.reduce((snapshotPromise, camera) => {
-            //     return snapshotPromise.then(
-            //       () =>
-            //         new Promise(async (resolve) => {
-            //           if (camera)
-            //             await window.threekit.configurator.setConfiguration({
-            //               [attributeName]: camerasMap[camera],
-            //             })
-            //           const snapshotStr = await getSnapshot()
-            //           snapshots.push(snapshotStr)
-            //           resolve(snapshots)
-            //         })
-            //     )
-            //   }, Promise.resolve(snapshots))
-            // }
             function saveSnapshotToPlatform(snapshot, filename) {
                 return __awaiter(this, void 0, void 0, function () {
                     var files, response;

package/dist/Treble/Treble.d.ts

@@ -4,6 +4,7 @@ import { IWishlist } from './Wishlist';
 import Snapshots from './Snapshots';
 interface ITreble {
     player: IThreekitPlayer;
+    orgId: string;
 }
 export interface ISaveConfigurationConfig {
     customerId?: string;
@@ -16,7 +17,7 @@ declare class Treble {
     wishlist: IWishlist;
     private _snapshots;
     takeSnapshots: Snapshots['takeSnapshots'];
-    constructor({ player }: ITreble);
+    constructor({ player, orgId }: ITreble);
     saveConfiguration: (config?: ISaveConfigurationConfig | undefined) => Promise<{
         resumableUrl: string;
     } & import("../http/configurations").IConfigurationResponse & {

package/dist/Treble/Treble.js

@@ -48,7 +48,7 @@ var Snapshots_1 = __importDefault(require("./Snapshots"));
 var Treble = /** @class */ (function () {
     function Treble(_a) {
         var _this = this;
-        var player = _a.player;
+        var player = _a.player, orgId = _a.orgId;
         this.saveConfiguration = function (config) { return __awaiter(_this, void 0, void 0, function () {
             var threekitDomain, _a, customerId, metadata, productVersion, files, response, params, url;
             var _b;
@@ -86,7 +86,7 @@ var Treble = /** @class */ (function () {
         //  Threekit API
         this._api = api_1.default;
         this._player = player;
-        this.wishlist = (0, Wishlist_1.default)();
+        this.wishlist = (0, Wishlist_1.default)(orgId);
         this._snapshots = new Snapshots_1.default();
         this.takeSnapshots = this._snapshots.takeSnapshots;
         // this._player = player.enableApi('player')

package/dist/Treble/Wishlist.d.ts

@@ -8,11 +8,12 @@ export interface IWishlist {
     clearWishlist(): Array<IConfigurationResponse>;
 }
 declare class Wishlist implements IWishlist {
-    constructor();
+    _wishlistKey: string;
+    constructor(orgId: string);
     getWishlist: () => Promise<WishlistArray>;
     addItem: (config?: ISaveConfigurationConfig | undefined) => Promise<WishlistArray>;
     removeItemByIdx: (idx: number) => WishlistArray;
     clearWishlist: () => WishlistArray;
 }
-export default function createWishlist(): Wishlist;
+export default function createWishlist(orgId: string): Wishlist;
 export {};

package/dist/Treble/Wishlist.js

@@ -53,7 +53,7 @@ var connection_1 = __importDefault(require("../connection"));
 var constants_1 = require("../constants");
 var wishlistData;
 var Wishlist = /** @class */ (function () {
-    function Wishlist() {
+    function Wishlist(orgId) {
         var _this = this;
         this.getWishlist = function () { return __awaiter(_this, void 0, void 0, function () {
             var threekitDomain, wishlistListStr, wishlistList, wishlistDataRaw;
@@ -63,7 +63,7 @@ var Wishlist = /** @class */ (function () {
                         if (wishlistData)
                             return [2 /*return*/, wishlistData];
                         threekitDomain = connection_1.default.getConnection().threekitDomain;
-                        wishlistListStr = localStorage.getItem(constants_1.WISHLIST_LOCALSTORAGE_KEY);
+                        wishlistListStr = localStorage.getItem(this._wishlistKey);
                         wishlistList = JSON.parse(wishlistListStr || '[]');
                         return [4 /*yield*/, Promise.all(wishlistList.map(function (el) { return api_1.default.configurations.fetch(el); }))];
                     case 1:
@@ -87,20 +87,19 @@ var Wishlist = /** @class */ (function () {
                     case 0:
                         if (!wishlistData) {
                             wishlistData = [];
-                            localStorage.setItem(constants_1.WISHLIST_LOCALSTORAGE_KEY, JSON.stringify([]));
+                            localStorage.setItem(this._wishlistKey, JSON.stringify([]));
                         }
                         configPrepped = Object.assign({ snapshot: true }, config);
                         return [4 /*yield*/, window.threekit.treble.saveConfiguration(configPrepped)];
                     case 1:
                         savedConfiguration = _a.sent();
-                        // const savedConfiguration = await this.saveConfiguration(configPrepped)
                         if (!savedConfiguration)
                             return [2 /*return*/, wishlistData];
                         wishlistData = __spreadArray(__spreadArray([], wishlistData, true), [savedConfiguration], false);
-                        wishlistListStr = localStorage.getItem(constants_1.WISHLIST_LOCALSTORAGE_KEY);
+                        wishlistListStr = localStorage.getItem(this._wishlistKey);
                         wishlistList = JSON.parse(wishlistListStr || '[]');
                         wishlistList.push(savedConfiguration.shortId);
-                        localStorage.setItem(constants_1.WISHLIST_LOCALSTORAGE_KEY, JSON.stringify(wishlistList));
+                        localStorage.setItem(this._wishlistKey, JSON.stringify(wishlistList));
                         return [2 /*return*/, this.getWishlist()];
                 }
             });
@@ -108,7 +107,7 @@ var Wishlist = /** @class */ (function () {
         this.removeItemByIdx = function (idx) {
             if (!(wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.length)) {
                 wishlistData = [];
-                localStorage.setItem(constants_1.WISHLIST_LOCALSTORAGE_KEY, JSON.stringify([]));
+                localStorage.setItem(_this._wishlistKey, JSON.stringify([]));
                 return wishlistData;
             }
             if (idx > (wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.length) - 1)
@@ -116,22 +115,23 @@ var Wishlist = /** @class */ (function () {
             var updatedWishlist = __spreadArray([], wishlistData, true);
             updatedWishlist.splice(idx, 1);
             wishlistData = updatedWishlist;
-            var wishlistListStr = localStorage.getItem(constants_1.WISHLIST_LOCALSTORAGE_KEY);
+            var wishlistListStr = localStorage.getItem(_this._wishlistKey);
             var wishlistList = JSON.parse(wishlistListStr || '[]');
             wishlistList.splice(idx, 1);
-            localStorage.setItem(constants_1.WISHLIST_LOCALSTORAGE_KEY, JSON.stringify(wishlistList));
+            localStorage.setItem(_this._wishlistKey, JSON.stringify(wishlistList));
             return wishlistData;
         };
         this.clearWishlist = function () {
             wishlistData = [];
-            localStorage.setItem(constants_1.WISHLIST_LOCALSTORAGE_KEY, JSON.stringify([]));
+            localStorage.setItem(_this._wishlistKey, JSON.stringify([]));
             return wishlistData;
         };
+        this._wishlistKey = "".concat(constants_1.WISHLIST_LOCALSTORAGE_KEY, "_").concat(orgId);
         this.getWishlist();
     }
     return Wishlist;
 }());
-function createWishlist() {
-    return new Wishlist();
+function createWishlist(orgId) {
+    return new Wishlist(orgId);
 }
 exports.default = createWishlist;

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

@@ -6,7 +6,7 @@ interface AccordionItemProps extends React.FC {
     onClick: () => void;
 }
 interface AccordionProps<T> {
-    children: React.FunctionComponentElement<T>;
+    children: React.FunctionComponentElement<T> | Array<React.FunctionComponentElement<T>>;
 }
 export declare const Accordion: {
     (props: AccordionProps<AccordionItemProps>): React.FunctionComponentElement<AccordionItemProps>[] | null;

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

@@ -1,10 +1,12 @@
 import React from 'react';
-import { ILaunchConfig } from '../../store/threekit';
+import { Reducer } from 'redux';
+import { ILaunchConfig } from '../../store/treble';
 interface Theme {
     [key: string]: string | number;
 }
 export interface ThreekitProviderProps extends Partial<ILaunchConfig> {
     theme?: Theme;
+    reducer?: Record<string, Reducer>;
     children: React.ReactNode;
 }
 declare const ThreekitProvider: (props: ThreekitProviderProps) => JSX.Element;

package/dist/components/ThreekitProvider/index.js

@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var store_1 = __importStar(require("../../store"));
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var react_redux_1 = require("react-redux");
 var styled_components_1 = require("styled-components");
 var theme_1 = __importDefault(require("../../theme"));
@@ -34,7 +34,7 @@ var App = function (props) {
     (0, react_1.useEffect)(function () {
         var init = function () {
             var playerConfig = props.playerConfig, project = props.project, locale = props.locale, threekitEnv = props.threekitEnv, eventHandlers = props.eventHandlers;
-            dispatch((0, threekit_1.launch)({ playerConfig: playerConfig, project: project, locale: locale, threekitEnv: threekitEnv, eventHandlers: eventHandlers }));
+            dispatch((0, treble_1.launch)({ playerConfig: playerConfig, project: project, locale: locale, threekitEnv: threekitEnv, eventHandlers: eventHandlers }));
         };
         init();
         return;
@@ -42,7 +42,7 @@ var App = function (props) {
     return react_1.default.createElement(react_1.default.Fragment, null, props.children);
 };
 var ThreekitProvider = function (props) {
-    return (react_1.default.createElement(react_redux_1.Provider, { store: store_1.default },
+    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, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children))));

package/dist/components/containers/formInputContainer.d.ts

@@ -45,7 +45,7 @@ interface IPrepAttributeConfig {
     sort?: string;
 }
 export declare const prepAttributeForComponent: (attribute: IThreekitDisplayAttribute, config: IPrepAttributeConfig) => {
-    selected: string | number | import("../../threekit").IConfigurationColor | import("../../threekit").IConfigurationAsset;
+    selected: string | number | import("../../threekit").IConfigurationAsset | import("../../threekit").IConfigurationColor;
     options: IDisplayAttributeAssetValue[] | {
         name: string;
         label: string;

package/dist/hooks/useAttribute/index.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var attributes_1 = require("../../store/attributes");
 var utils_1 = require("../../utils");
 var useAttribute = function (attributeName) {
     if (!attributeName)
         return [undefined, undefined];
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var attributes = (0, store_1.useThreekitSelector)(threekit_1.getAttributes);
+    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getAttributes);
     if (!attributeName || !attributes)
         return [undefined, undefined];
     var attribute = attributes[attributeName];
@@ -16,7 +16,7 @@ var useAttribute = function (attributeName) {
     var handleChange = function (value) {
         var _a;
         var preppedValue = (0, utils_1.selectionToConfiguration)(value, attribute.type);
-        dispatch((0, threekit_1.setConfiguration)((_a = {},
+        dispatch((0, attributes_1.setConfiguration)((_a = {},
             _a[attributeName] = preppedValue,
             _a)));
     };

package/dist/hooks/useConfigurator/index.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var threekit_1 = require("../../store/threekit");
+var attributes_1 = require("../../store/attributes");
 var store_1 = require("../../store");
 var useConfigurator = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var attributes = (0, store_1.useThreekitSelector)(threekit_1.getAttributes);
+    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getAttributes);
     if (!attributes)
         return [undefined, undefined];
     var handleChange = function (configuration) {
-        return dispatch((0, threekit_1.setConfiguration)(configuration));
+        return dispatch((0, attributes_1.setConfiguration)(configuration));
     };
     return [attributes, handleChange];
 };

package/dist/hooks/useMetadata/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var product_1 = require("../../store/product");
 var useMetadata = function () {
-    var metadata = (0, store_1.useThreekitSelector)(threekit_1.getMetadata);
+    var metadata = (0, store_1.useThreekitSelector)(product_1.getMetadata);
     return metadata;
 };
 exports.default = useMetadata;

package/dist/hooks/useName/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
-var useName = function () { return (0, store_1.useThreekitSelector)(threekit_1.getName); };
+var product_1 = require("../../store/product");
+var useName = function () { return (0, store_1.useThreekitSelector)(product_1.getName); };
 exports.default = useName;

package/dist/hooks/usePlayerLoadingStatus/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var usePlayerLoadingStatus = function () {
-    return (0, store_1.useThreekitSelector)(threekit_1.isPlayerLoading);
+    return (0, store_1.useThreekitSelector)(treble_1.isPlayerLoading);
 };
 exports.default = usePlayerLoadingStatus;

package/dist/hooks/usePlayerPortal/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var constants_1 = require("../../constants");
 var usePlayerPortal = function () {
     var htmlElements = (0, react_1.useRef)({
@@ -10,7 +10,7 @@ var usePlayerPortal = function () {
         playerLoader: null,
         playerWrapper: null,
     });
-    var playerElementId = (0, react_redux_1.useSelector)(threekit_1.getPlayerElementId);
+    var playerElementId = (0, react_redux_1.useSelector)(treble_1.getPlayerElementId);
     if (!playerElementId)
         return [undefined, undefined];
     var portalPlayerTo = function (toEl) {

package/dist/hooks/usePrice/index.d.ts

@@ -1,3 +1,3 @@
-import { IPrice } from '../../store/threekit';
+import { IPrice } from '../../store/price';
 declare const usePrice: () => IPrice | undefined;
 export default usePrice;

package/dist/hooks/usePrice/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
-var usePrice = function () { return (0, store_1.useThreekitSelector)(threekit_1.getPrice); };
+var price_1 = require("../../store/price");
+var usePrice = function () { return (0, store_1.useThreekitSelector)(price_1.getPrice); };
 exports.default = usePrice;

package/dist/hooks/useShare/index.js

@@ -40,11 +40,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var message_1 = __importDefault(require("../../components/message"));
 var utils_1 = require("../../utils");
 var useShare = function () {
-    var isLoaded = (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     if (!isLoaded)
         return undefined;
     var handleShare = function (msg) {

package/dist/hooks/useSnapshot/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var useSnapshot = function (cameras, config) {
-    var isLoaded = (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     if (!isLoaded)
         return undefined;
     var takeSnapshot = function () {

package/dist/hooks/useThreekitInitStatus/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var useThreekitInitStatus = function () {
-    return (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
+    return (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
 };
 exports.default = useThreekitInitStatus;

package/dist/hooks/useWishlist/index.js

@@ -3,25 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var threekit_1 = require("../../store/threekit");
+var wishlist_1 = require("../../store/wishlist");
+var treble_1 = require("../../store/treble");
 var store_1 = require("../../store");
 var utils_1 = require("../../utils");
 var message_1 = __importDefault(require("../../components/message"));
 var useWishlist = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var isLoaded = (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
-    var wishlist = (0, store_1.useThreekitSelector)(threekit_1.getWishlist);
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
+    var wishlist = (0, store_1.useThreekitSelector)(wishlist_1.getWishlist);
     if (!isLoaded)
         return [undefined, undefined, undefined, undefined, undefined, undefined];
     var handleAddToWishlist = function (config) {
-        return dispatch((0, threekit_1.addToWishlist)(config));
+        return dispatch((0, wishlist_1.addToWishlist)(config));
     };
     var handleRemoveFromWishlist = function (idx) {
-        dispatch((0, threekit_1.removeFromWishlist)(idx));
+        dispatch((0, wishlist_1.removeFromWishlist)(idx));
         message_1.default.info('Item removed from wishlist');
     };
     var handleResumeItem = function (idx) {
-        dispatch((0, threekit_1.resumeFromWishlist)(idx));
+        dispatch((0, wishlist_1.resumeFromWishlist)(idx));
     };
     var handleShareItem = function (idx) {
         var url = (0, utils_1.getResumableUrl)(wishlist[idx].shortId);
@@ -29,7 +30,7 @@ var useWishlist = function () {
         message_1.default.info('Link copied!');
     };
     var handleClearWishlist = function () {
-        dispatch(threekit_1.clearWishlist);
+        dispatch(wishlist_1.clearWishlist);
     };
     return [
         wishlist,

package/dist/store/attributes.d.ts

@@ -0,0 +1,20 @@
+import { RootState, ThreekitDispatch } from './index';
+import { ISetConfiguration, IThreekitDisplayAttribute } from '../threekit';
+/*****************************************************
+ * Types and Interfaces
+ ****************************************************/
+export declare type AttributesState = Record<string, IThreekitDisplayAttribute>;
+/*****************************************************
+ * Actions
+ ****************************************************/
+export declare const setAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<IThreekitDisplayAttribute[], string>;
+/*****************************************************
+ * Slice
+ ****************************************************/
+declare const reducer: import("redux").Reducer<AttributesState, import("redux").AnyAction>;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+export declare const getAttributes: (state: RootState) => undefined | Record<string, IThreekitDisplayAttribute>;
+export declare const setConfiguration: (config: ISetConfiguration) => (dispatch: ThreekitDispatch) => Promise<void>;
+export default reducer;

package/dist/store/attributes.js

@@ -0,0 +1,135 @@
+"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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setConfiguration = exports.getAttributes = exports.setAttributes = void 0;
+var toolkit_1 = require("@reduxjs/toolkit");
+var treble_1 = require("./treble");
+// export interface AttributesState {
+//   attributes: Record<string, IThreekitDisplayAttribute>;
+// }
+/*****************************************************
+ * Actions
+ ****************************************************/
+exports.setAttributes = (0, toolkit_1.createAction)('setAttributes');
+/*****************************************************
+ * State and Data
+ ****************************************************/
+var initialState = {};
+/*****************************************************
+ * Slice
+ ****************************************************/
+var reducer = (0, toolkit_1.createSlice)({
+    name: 'attributes',
+    initialState: initialState,
+    reducers: {},
+    extraReducers: function (builder) {
+        builder.addCase(exports.setAttributes, function (state, action) {
+            state = action.payload.reduce(function (output, attr) {
+                var _a;
+                return Object.assign(output, (_a = {}, _a[attr.name] = attr, _a));
+            }, {});
+            return state;
+        });
+    },
+}).reducer;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+//  Attributes
+var getAttributes = function (state) {
+    //   const { isThreekitLoaded, attributes, language, translations } =
+    //     state.threekit;
+    var attributes = state.attributes;
+    var isThreekitInitialized = state.treble.isThreekitInitialized;
+    var _a = state.translations, language = _a.language, translations = _a.translations;
+    if (!isThreekitInitialized)
+        return undefined;
+    if (!attributes)
+        return undefined;
+    var hasTranslation = !!language && !!translations;
+    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,
+            }, 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,
+                        });
+                    }),
+                }
+                : attribute.type === 'Asset'
+                    ? {
+                        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,
+                            });
+                        }),
+                    }
+                    : undefined),
+            _a));
+    }, {});
+};
+exports.getAttributes = getAttributes;
+//  Configurator
+var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                dispatch((0, treble_1.setPlayerLoading)(true));
+                return [4 /*yield*/, window.threekit.configurator.setConfiguration(config)];
+            case 1:
+                _a.sent();
+                dispatch((0, treble_1.setPlayerLoading)(false));
+                return [2 /*return*/];
+        }
+    });
+}); }; };
+exports.setConfiguration = setConfiguration;
+exports.default = reducer;