@threekit-tools/treble 0.0.48 → 0.0.52

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import Strips from './components/Strips';
 import Swatch from './components/Swatch';
 import Tiles from './components/Tiles';
 import TilesGroup from './components/TilesGroup';
+import Upload from './components/Upload';
 import ProductName from './components/ProductName';
 import ProductDescription from './components/ProductDescription';
 import AttributeTitle from './components/AttributeTitle';
@@ -40,4 +41,4 @@ import icons from './icons';
 export * from './icons';
 import TrebleApp from './components/TrebleApp';
 import ProductLayout from './components/ProductLayout';
-export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };
+export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };

package/dist/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
+exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
 //  Hooks
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
@@ -59,6 +59,8 @@ var Tiles_1 = __importDefault(require("./components/Tiles"));
 exports.Tiles = Tiles_1.default;
 var TilesGroup_1 = __importDefault(require("./components/TilesGroup"));
 exports.TilesGroup = TilesGroup_1.default;
+var Upload_1 = __importDefault(require("./components/Upload"));
+exports.Upload = Upload_1.default;
 //  Display
 var ProductName_1 = __importDefault(require("./components/ProductName"));
 exports.ProductName = ProductName_1.default;

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").ActionCreatorWithPreparedPayload<[attributes: IThreekitDisplayAttribute[]], Record<string, IThreekitDisplayAttribute>, "treble/attributes/set-attributes", never, never>;
+/*****************************************************
+ * 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,139 @@
+"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");
+/*****************************************************
+ * Actions
+ ****************************************************/
+exports.setAttributes = (0, toolkit_1.createAction)('treble/attributes/set-attributes', function (attributes) {
+    var payload = attributes.reduce(function (output, attr) {
+        var _a;
+        return Object.assign(output, (_a = {}, _a[attr.name] = attr, _a));
+    }, {});
+    return { payload: payload };
+});
+/*****************************************************
+ * State and Data
+ ****************************************************/
+var initialState = {};
+/*****************************************************
+ * Slice
+ ****************************************************/
+var reducer = (0, toolkit_1.createSlice)({
+    name: 'attributes',
+    initialState: initialState,
+    reducers: {},
+    extraReducers: function (builder) {
+        builder.addCase(treble_1.setThreekitInitialized, function () {
+            var attributes = window.threekit.configurator.getDisplayAttributes();
+            return attributes.reduce(function (output, attr) {
+                var _a;
+                return Object.assign(output, (_a = {}, _a[attr.name] = attr, _a));
+            }, {});
+        });
+        builder.addCase(exports.setAttributes, function (_, action) {
+            return action.payload;
+        });
+    },
+}).reducer;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+//  Attributes
+var getAttributes = function (state) {
+    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;

package/dist/store/index.d.ts

@@ -1,19 +1,79 @@
 import { TypedUseSelectorHook } from 'react-redux';
+import { Reducer } from 'redux';
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
-    threekit: import("./threekit").ThreekitState;
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<{
-    threekit: import("./threekit").ThreekitState;
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
 }, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
-    threekit: import("./threekit").ThreekitState;
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
 }, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
-    threekit: import("./threekit").ThreekitState;
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+export declare const createStore: (reducer?: Record<string, Reducer<any, import("redux").AnyAction>> | undefined) => import("@reduxjs/toolkit").EnhancedStore<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
 }, import("redux").Dispatch<import("redux").AnyAction>>>>;
 export declare type RootState = ReturnType<typeof store.getState>;
 export declare type ThreekitDispatch = typeof store.dispatch;
 export declare const useThreekitDispatch: () => import("redux").Dispatch<import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
-    threekit: import("./threekit").ThreekitState;
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
 }, null, import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
-    threekit: import("./threekit").ThreekitState;
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
 }, undefined, import("redux").AnyAction>;
 export declare const useThreekitSelector: TypedUseSelectorHook<RootState>;
-export default store;
+export default createStore;

package/dist/store/index.js

@@ -1,18 +1,50 @@
 "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 });
-exports.useThreekitSelector = exports.useThreekitDispatch = void 0;
+exports.useThreekitSelector = exports.useThreekitDispatch = exports.createStore = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var react_redux_1 = require("react-redux");
 var redux_logger_1 = __importDefault(require("redux-logger"));
-var threekit_1 = __importDefault(require("./threekit"));
+var treble_1 = __importDefault(require("./treble"));
+var product_1 = __importDefault(require("./product"));
+var attributes_1 = __importDefault(require("./attributes"));
+var wishlist_1 = __importDefault(require("./wishlist"));
+var translations_1 = __importDefault(require("./translations"));
+var price_1 = __importDefault(require("./price"));
 var store = (0, toolkit_1.configureStore)({
-    reducer: { threekit: threekit_1.default },
+    reducer: {
+        treble: treble_1.default,
+        product: product_1.default,
+        attributes: attributes_1.default,
+        translations: translations_1.default,
+        wishlist: wishlist_1.default,
+        price: price_1.default,
+    },
     middleware: function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); },
 });
+var createStore = function (reducer) {
+    if (!reducer)
+        return store;
+    return (0, toolkit_1.configureStore)({
+        reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default }),
+        middleware: function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); },
+    });
+};
+exports.createStore = createStore;
 var useThreekitDispatch = function () { return (0, react_redux_1.useDispatch)(); };
 exports.useThreekitDispatch = useThreekitDispatch;
 exports.useThreekitSelector = react_redux_1.useSelector;
-exports.default = store;
+exports.default = exports.createStore;

package/dist/store/price.d.ts

@@ -0,0 +1,33 @@
+import { RootState, ThreekitDispatch } from './index';
+/*****************************************************
+ * Types and Interfaces
+ ****************************************************/
+export interface PriceState {
+    id: undefined | string;
+    currency: undefined | string;
+    price: undefined | number;
+}
+export interface IPriceConfig {
+    id: string;
+    currency: string;
+}
+export interface IPrice {
+    currency: string;
+    price: number;
+}
+/*****************************************************
+ * Actions
+ ****************************************************/
+export declare const setPriceConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<IPriceConfig, string>;
+export declare const setPrice: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
+export declare const initPrice: () => (dispatch: ThreekitDispatch) => Promise<void>;
+declare const reducer: import("redux").Reducer<PriceState, import("redux").AnyAction>;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+export declare const getPrice: (state: RootState) => undefined | IPrice;
+/*****************************************************
+ * Complex Actions
+ ****************************************************/
+export declare const updatePrice: () => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
+export default reducer;

package/dist/store/price.js

@@ -0,0 +1,116 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updatePrice = exports.getPrice = exports.initPrice = exports.setPrice = exports.setPriceConfig = void 0;
+var toolkit_1 = require("@reduxjs/toolkit");
+var api_1 = __importDefault(require("../api"));
+/*****************************************************
+ * Actions
+ ****************************************************/
+//  Actions to be used only internally
+exports.setPriceConfig = (0, toolkit_1.createAction)('treble/price/set-price-config');
+exports.setPrice = (0, toolkit_1.createAction)('treble/price/set-price');
+var initPrice = function () { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+    var pricebook, id, currency, price;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, api_1.default.price.getPricebooksList()];
+            case 1:
+                pricebook = _a.sent();
+                id = pricebook[0].id;
+                currency = pricebook[0].currencies[0];
+                if (pricebook.length) {
+                    dispatch((0, exports.setPriceConfig)({ id: id, currency: currency }));
+                    price = window.threekit.configurator.getPrice(id, currency);
+                    dispatch((0, exports.setPrice)(price));
+                }
+                return [2 /*return*/];
+        }
+    });
+}); }; };
+exports.initPrice = initPrice;
+/*****************************************************
+ * State
+ ****************************************************/
+var initialState = {
+    //  Selected language
+    id: undefined,
+    currency: undefined,
+    price: undefined,
+};
+var reducer = (0, toolkit_1.createSlice)({
+    name: 'price',
+    initialState: initialState,
+    extraReducers: function (builder) {
+        builder.addCase(exports.setPriceConfig, function (state, action) {
+            var _a = action.payload, id = _a.id, currency = _a.currency;
+            state.id = id;
+            state.currency = currency;
+            return state;
+        });
+        builder.addCase(exports.setPrice, function (state, action) {
+            state.price = action.payload;
+            return state;
+        });
+    },
+    reducers: {},
+}).reducer;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+var getPrice = function (state) {
+    var _a = state.price, price = _a.price, currency = _a.currency;
+    if (!price || !currency)
+        return undefined;
+    return { price: price, currency: currency };
+};
+exports.getPrice = getPrice;
+/*****************************************************
+ * Complex Actions
+ ****************************************************/
+var updatePrice = function () { return function (dispatch, getState) {
+    var price = getState().price;
+    if (!price.id || !price.currency)
+        return;
+    dispatch((0, exports.setPrice)(window.threekit.configurator.getPrice(price.id, price.currency)));
+}; };
+exports.updatePrice = updatePrice;
+exports.default = reducer;

package/dist/store/product.d.ts

@@ -0,0 +1,22 @@
+import { RootState, ThreekitDispatch } from './index';
+import { IMetadata } from '../threekit';
+/*****************************************************
+ * Types and Interfaces
+ ****************************************************/
+export interface ProductState {
+    name: undefined | string;
+    metadata: undefined | IMetadata;
+}
+/*****************************************************
+ * Actions
+ ****************************************************/
+export declare const setName: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
+export declare const setMetadata: import("@reduxjs/toolkit").ActionCreatorWithPayload<IMetadata, string>;
+export declare const initProduct: () => (dispatch: ThreekitDispatch) => void;
+declare const reducer: import("redux").Reducer<ProductState, import("redux").AnyAction>;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+export declare const getName: (state: RootState) => undefined | string;
+export declare const getMetadata: (state: RootState) => undefined | IMetadata;
+export default reducer;

package/dist/store/product.js

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

package/dist/store/translations.d.ts

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