@threekit-tools/treble 0.0.46 → 0.0.50

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;

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,32 @@
+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>;
+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,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updatePrice = exports.getPrice = exports.setPrice = exports.setPriceConfig = void 0;
+var toolkit_1 = require("@reduxjs/toolkit");
+/*****************************************************
+ * Actions
+ ****************************************************/
+//  Actions to be used only internally
+exports.setPriceConfig = (0, toolkit_1.createAction)('setPriceConfig');
+exports.setPrice = (0, toolkit_1.createAction)('setPrice');
+/*****************************************************
+ * 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;
+            state.price = window.threekit.configurator.getPrice(id, currency);
+        });
+        builder.addCase(exports.setPrice, function (state, action) {
+            state.price = action.payload;
+        });
+    },
+    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,21 @@
+import { RootState } 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>;
+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,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadata = exports.getName = exports.setMetadata = exports.setName = void 0;
+var toolkit_1 = require("@reduxjs/toolkit");
+/*****************************************************
+ * Actions
+ ****************************************************/
+//  Actions to be used only internally
+exports.setName = (0, toolkit_1.createAction)('setName');
+exports.setMetadata = (0, toolkit_1.createAction)('setMetadata');
+/*****************************************************
+ * 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) {
+        //  Language
+        builder.addCase(exports.setName, function (state, action) {
+            state.name = action.payload;
+        });
+        builder.addCase(exports.setMetadata, function (state, action) {
+            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,21 @@
+import { RootState } 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>;
+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;

package/dist/store/translations.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLanguageOptions = exports.getLanguage = exports.setLanguage = exports.setTranslations = void 0;
+var toolkit_1 = require("@reduxjs/toolkit");
+/*****************************************************
+ * Actions
+ ****************************************************/
+//  Actions to be used only internally
+exports.setTranslations = (0, toolkit_1.createAction)('setTranslations');
+exports.setLanguage = (0, toolkit_1.createAction)('setLanguage');
+/*****************************************************
+ * State
+ ****************************************************/
+var initialState = {
+    //  Selected language
+    translations: undefined,
+    language: undefined,
+};
+var reducer = (0, toolkit_1.createSlice)({
+    name: 'translations',
+    initialState: initialState,
+    extraReducers: function (builder) {
+        //  Language
+        builder.addCase(exports.setTranslations, function (state, action) {
+            state.translations = action.payload;
+        });
+        builder.addCase(exports.setLanguage, function (state, action) {
+            state.language = action.payload;
+        });
+    },
+    reducers: {},
+}).reducer;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+var getLanguage = function (state) {
+    return state.translations.language;
+};
+exports.getLanguage = getLanguage;
+var getLanguageOptions = function (state) {
+    if (!state.treble.isThreekitInitialized || !state.translations.translations)
+        return [];
+    return Object.keys(Object.values(state.translations.translations)[0]);
+};
+exports.getLanguageOptions = getLanguageOptions;
+exports.default = reducer;

package/dist/store/treble.d.ts

@@ -0,0 +1,41 @@
+import { RootState, ThreekitDispatch } from './index';
+import { IProject, IPlayerConfig, IThreekitDisplayAttribute, ISetConfiguration } from '../threekit';
+/*****************************************************
+ * Types and Interfaces
+ ****************************************************/
+export interface ILaunchConfig {
+    threekitEnv: string;
+    locale: string;
+    project: IProject;
+    playerConfig: IPlayerConfig;
+    eventHandlers: EventHandlers;
+}
+export interface TrebleState {
+    isPlayerLoading: boolean;
+    isThreekitInitialized: boolean;
+    playerElId: undefined | string;
+}
+interface EventHandlers {
+    postConfigurationChange?: (updatedAttributes: Array<IThreekitDisplayAttribute>, configurationChange: ISetConfiguration, previousConfiguration: Array<IThreekitDisplayAttribute>) => void | Promise<void>;
+}
+/*****************************************************
+ * Actions
+ ****************************************************/
+export declare const setThreekitInitialized: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
+export declare const setPlayerLoading: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const setPlayerElement: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
+/*****************************************************
+ * Slice
+ ****************************************************/
+declare const reducer: import("redux").Reducer<TrebleState, import("redux").AnyAction>;
+/*****************************************************
+ * Standard Selectors
+ ****************************************************/
+export declare const isThreekitInitialized: (state: RootState) => boolean;
+export declare const isPlayerLoading: (state: RootState) => boolean;
+export declare const getPlayerElementId: (state: RootState) => undefined | string;
+/*****************************************************
+ * Complex Actions
+ ****************************************************/
+export declare const launch: (launchConfig?: Partial<ILaunchConfig> | undefined) => (dispatch: ThreekitDispatch) => Promise<void>;
+export default reducer;