@threekit-tools/treble 0.0.48 → 0.0.52

package/dist/store/threekit.js

@@ -1,453 +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 __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.clearWishlist = exports.resumeFromWishlist = exports.removeFromWishlist = exports.addToWishlist = exports.setConfiguration = exports.launch = exports.getWishlist = exports.getAttributes = exports.getLanguageOptions = exports.getLanguage = exports.getMetadata = exports.getPrice = exports.getName = exports.getPlayerElementId = exports.isPlayerLoading = exports.isThreekitLoaded = exports.setThreekitLoaded = void 0;
-var connection_1 = __importDefault(require("../connection"));
-var toolkit_1 = require("@reduxjs/toolkit");
-var api_1 = __importDefault(require("../api"));
-var utils_1 = require("../utils");
-var constants_1 = require("../constants");
-var Treble_1 = __importDefault(require("../Treble"));
-/*****************************************************
- * Helper Functions
- ****************************************************/
-var createPlayerLoaderEl = function (elementId) {
-    /**
-     * By default the player is loaded into a player-loader div that
-     * is placed outside the user's view. This is done because in
-     * React the Threekit Initialization may happen before the
-     * component with the player HTML element has loaded which would
-     * otherwise throw an error.
-     */
-    var playerElement = document.getElementById(elementId);
-    if (playerElement)
-        return playerElement;
-    playerElement = document.createElement('div');
-    playerElement.setAttribute('id', elementId);
-    playerElement.style.height = '100%';
-    var playerLoader = document.createElement('div');
-    playerLoader.setAttribute('id', constants_1.TK_PLAYER_LOADER_DIV);
-    playerLoader.appendChild(playerElement);
-    playerLoader.style.opacity = '0';
-    playerLoader.style.height = '1px';
-    playerLoader.style.position = 'fixed';
-    playerLoader.style.top = '-100%';
-    document.body.appendChild(playerLoader);
-    return playerElement;
-};
-/*****************************************************
- * Constants and Event Handlers
- ****************************************************/
-var EVENTS = {};
-var initialState = {
-    //  Player HTML element
-    playerElId: undefined,
-    //  Name of the Initialized Item
-    name: undefined,
-    //  Initialized item's metadata
-    metadata: undefined,
-    //  Selected language
-    translations: undefined,
-    language: undefined,
-    //  Price
-    priceConfig: null,
-    //  Tracks Threekit API initialization status
-    isThreekitLoaded: false,
-    //  Tracks configuration update
-    isPlayerLoading: false,
-    //  Attributes State
-    attributes: undefined,
-    wishlist: [],
-};
-var _a = (0, toolkit_1.createSlice)({
-    name: 'threekit',
-    initialState: initialState,
-    reducers: {
-        //  Loading Trackers
-        setThreekitLoaded: function (state, _) {
-            state.isThreekitLoaded = true;
-        },
-        setPlayerLoading: function (state, action) {
-            state.isPlayerLoading = action.payload;
-        },
-        //  Initialized Item's Name
-        setPlayerElement: function (state, action) {
-            state.playerElId = action.payload;
-        },
-        //  Initialized Item's Name
-        setName: function (state, action) {
-            state.name = action.payload;
-        },
-        //  Initialized Item's Metadata
-        setMetadata: function (state, action) {
-            state.metadata = action.payload;
-        },
-        //  Language
-        setTranslations: function (state, action) {
-            state.translations = action.payload;
-        },
-        setLanguage: function (state, action) {
-            state.language = action.payload;
-        },
-        //  Price
-        setPriceConfig: function (state, action) {
-            state.priceConfig = action.payload;
-        },
-        //  Attributes
-        setAttributes: function (state, action) {
-            state.attributes = action.payload;
-        },
-        //  Wishlist
-        setWishlist: function (state, action) {
-            state.wishlist = action.payload;
-        },
-    },
-}), actions = _a.actions, reducer = _a.reducer;
-/*****************************************************
- * Actions
- ****************************************************/
-//  Actions to be used only internally
-var setPlayerLoading = actions.setPlayerLoading, setName = actions.setName, setMetadata = actions.setMetadata, setPriceConfig = actions.setPriceConfig, setAttributes = actions.setAttributes, setLanguage = actions.setLanguage, setTranslations = actions.setTranslations, setPlayerElement = actions.setPlayerElement, setWishlist = actions.setWishlist;
-//  Actions to be used only internally and externally
-exports.setThreekitLoaded = actions.setThreekitLoaded;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
-//  Loading Trackers
-var isThreekitLoaded = function (state) {
-    return state.threekit.isThreekitLoaded;
-};
-exports.isThreekitLoaded = isThreekitLoaded;
-var isPlayerLoading = function (state) {
-    return state.threekit.isPlayerLoading;
-};
-exports.isPlayerLoading = isPlayerLoading;
-//  Player's HTML element
-var getPlayerElementId = function (state) {
-    return state.threekit.playerElId;
-};
-exports.getPlayerElementId = getPlayerElementId;
-//  Initialized item's name
-var getName = function (state) {
-    return state.threekit.name;
-};
-exports.getName = getName;
-//  Price
-var getPrice = function (state) {
-    var priceConfig = state.threekit.priceConfig;
-    if (!priceConfig)
-        return undefined;
-    var price = window.threekit.configurator.getPrice(priceConfig.id, priceConfig.currency);
-    return { price: price, currency: priceConfig.currency };
-};
-exports.getPrice = getPrice;
-//  Metadata
-var getMetadata = function (state) {
-    return state.threekit.metadata;
-};
-exports.getMetadata = getMetadata;
-//  Languages and Translations
-var getLanguage = function (state) {
-    return state.threekit.language;
-};
-exports.getLanguage = getLanguage;
-var getLanguageOptions = function (state) {
-    if (!state.threekit.isThreekitLoaded || !state.threekit.translations)
-        return [];
-    return Object.keys(Object.values(state.threekit.translations)[0]);
-};
-exports.getLanguageOptions = getLanguageOptions;
-//  Attributes
-var getAttributes = function (state) {
-    var _a = state.threekit, isThreekitLoaded = _a.isThreekitLoaded, attributes = _a.attributes, language = _a.language, translations = _a.translations;
-    if (!isThreekitLoaded)
-        return undefined;
-    if (!attributes)
-        return undefined;
-    var hasTranslation = !!language && !!translations;
-    return 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;
-//  Wishlist
-var getWishlist = function (state) { return state.threekit.wishlist; };
-exports.getWishlist = getWishlist;
-/*****************************************************
- * Complex Selectors
- ****************************************************/
-//  Attributes
-// export const getAttribute = (attribute: string) =>
-//   createSelector(
-//     getAttributes,
-//     (attributes) => attributes?.[attribute] || undefined
-//   )
-/*****************************************************
- * Complex Actions
- ****************************************************/
-var launch = function (launchConfig) {
-    return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, credentials, products, threekitEnv, playerConfig, envCredentials, product, threekitDomainRaw, orgId, authToken, initialConfigurationRaw, assetId, stageId, configurationId, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration, _a, player, translations, pricebook, _b, priceConfig, productName, wishlistData;
-        var _c;
-        var _d, _e, _f, _g, _h;
-        return __generator(this, function (_j) {
-            switch (_j.label) {
-                case 0:
-                    if (window.threekit)
-                        return [2 /*return*/];
-                    config = (0, utils_1.loadTrebleConfig)();
-                    credentials = Object.assign({}, ((_d = config.project) === null || _d === void 0 ? void 0 : _d.credentials) || {}, ((_e = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _e === void 0 ? void 0 : _e.credentials) || {});
-                    products = Object.assign({}, ((_f = config.project) === null || _f === void 0 ? void 0 : _f.products) || {}, ((_g = launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.project) === null || _g === void 0 ? void 0 : _g.products) || {});
-                    if (!Object.keys(credentials).length || !Object.keys(products).length)
-                        return [2 /*return*/, console.error('Missing credentials')];
-                    threekitEnv = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.threekitEnv) || process.env.THREEKIT_ENV || 'preview';
-                    playerConfig = Object.assign({}, constants_1.DEFAULT_PLAYER_CONFIG, config.player, launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.playerConfig);
-                    envCredentials = credentials[threekitEnv];
-                    product = products[threekitEnv];
-                    threekitDomainRaw = envCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
-                    orgId = envCredentials.orgId, authToken = envCredentials.publicToken;
-                    if (typeof product === 'string') {
-                        if ((0, utils_1.isUuid)(product))
-                            assetId = product;
-                        else
-                            configurationId = product;
-                    }
-                    else {
-                        stageId = product.stageId;
-                        if (product.configurationId)
-                            configurationId = product.configurationId;
-                        else if ((0, utils_1.isUuid)(product.assetId))
-                            assetId = product.assetId;
-                        else
-                            configurationId = product.assetId;
-                    }
-                    if (playerConfig.elementId) {
-                        el = document.getElementById(playerConfig.elementId);
-                        if (el)
-                            dispatch(setPlayerElement(playerConfig.elementId));
-                    }
-                    else {
-                        el = createPlayerLoaderEl(constants_1.TK_PLAYER_ROOT_DIV);
-                        dispatch(setPlayerElement(constants_1.TK_PLAYER_ROOT_DIV));
-                    }
-                    //  Connection
-                    connection_1.default.connect({
-                        authToken: authToken,
-                        orgId: orgId,
-                        assetId: assetId,
-                        threekitDomain: threekitDomainRaw,
-                    });
-                    threekitDomain = connection_1.default.getConnection().threekitDomain;
-                    initialConfiguration = __assign({}, initialConfigurationRaw);
-                    updatedAssetId = assetId;
-                    params = (0, utils_1.getParams)();
-                    configId = ((_h = params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]) === null || _h === void 0 ? void 0 : _h.length)
-                        ? params[constants_1.TK_SAVED_CONFIG_PARAM_KEY]
-                        : configurationId;
-                    if (!configId) return [3 /*break*/, 2];
-                    return [4 /*yield*/, api_1.default.configurations.fetch(configId)];
-                case 1:
-                    configuration = _j.sent();
-                    if (configuration) {
-                        initialConfiguration = Object.assign({}, initialConfigurationRaw, configuration.data.variant);
-                        connection_1.default.connect({ assetId: configuration.data.productId });
-                        updatedAssetId = configuration.data.productId;
-                    }
-                    _j.label = 2;
-                case 2:
-                    if (!updatedAssetId)
-                        return [2 /*return*/, console.error('missing assetId')];
-                    //  We create the threekit script
-                    return [4 /*yield*/, (0, utils_1.createThreekitScriptEl)(threekitDomain)];
-                case 3:
-                    //  We create the threekit script
-                    _j.sent();
-                    return [4 /*yield*/, Promise.all([
-                            window.threekitPlayer(__assign(__assign({ el: el, 
-                                // Variables to sort out
-                                authToken: authToken, stageId: stageId, assetId: updatedAssetId }, playerConfig), { initialConfiguration: initialConfiguration })),
-                            api_1.default.products.fetchTranslations(),
-                            api_1.default.price.getPricebooksList(),
-                        ])];
-                case 4:
-                    _a = _j.sent(), player = _a[0], translations = _a[1], pricebook = _a[2];
-                    _b = window;
-                    _c = {
-                        player: player
-                    };
-                    return [4 /*yield*/, player.getConfigurator()];
-                case 5:
-                    _b.threekit = (_c.configurator = _j.sent(),
-                        _c.treble = new Treble_1.default({ player: player }),
-                        _c);
-                    window.threekit.player.on('setConfiguration', function () {
-                        dispatch(setAttributes(window.threekit.configurator.getDisplayAttributes()));
-                    });
-                    if (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.locale) {
-                        dispatch(setLanguage(launchConfig.locale));
-                        dispatch(setTranslations(translations));
-                    }
-                    if (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.eventHandlers)
-                        EVENTS = Object.assign(EVENTS, launchConfig.eventHandlers);
-                    if (pricebook.length) {
-                        priceConfig = {
-                            id: pricebook[0].id,
-                            currency: pricebook[0].currencies[0],
-                        };
-                        dispatch(setPriceConfig(priceConfig));
-                    }
-                    productName = window.threekit.player.scene.get({
-                        id: window.threekit.player.assetId,
-                    }).name;
-                    dispatch(setName(productName));
-                    dispatch(setMetadata(window.threekit.configurator.getMetadata()));
-                    dispatch(setAttributes(window.threekit.configurator.getDisplayAttributes()));
-                    dispatch((0, exports.setThreekitLoaded)(true));
-                    dispatch(setPlayerLoading(false));
-                    return [4 /*yield*/, window.threekit.treble.wishlist.getWishlist()];
-                case 6:
-                    wishlistData = _j.sent();
-                    dispatch(setWishlist(wishlistData));
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-};
-exports.launch = launch;
-//  Configurator
-var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-    var previousConfiguration, updatedAttributes;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                previousConfiguration = window.threekit.configurator.getDisplayAttributes();
-                dispatch(setPlayerLoading(true));
-                return [4 /*yield*/, window.threekit.configurator.setConfiguration(config)];
-            case 1:
-                _a.sent();
-                updatedAttributes = window.threekit.configurator.getDisplayAttributes();
-                if (!EVENTS.postConfigurationChange) return [3 /*break*/, 3];
-                return [4 /*yield*/, EVENTS.postConfigurationChange(updatedAttributes, config, previousConfiguration)];
-            case 2:
-                _a.sent();
-                _a.label = 3;
-            case 3:
-                dispatch(setAttributes(updatedAttributes));
-                dispatch(setPlayerLoading(false));
-                return [2 /*return*/];
-        }
-    });
-}); }; };
-exports.setConfiguration = setConfiguration;
-//  Wishlst
-var addToWishlist = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-    var wishlistData;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, window.threekit.treble.wishlist.addItem(config)];
-            case 1:
-                wishlistData = _a.sent();
-                dispatch(setWishlist(wishlistData));
-                return [2 /*return*/];
-        }
-    });
-}); }; };
-exports.addToWishlist = addToWishlist;
-var removeFromWishlist = function (idx) { return function (dispatch) {
-    var wishlistData = window.threekit.treble.wishlist.removeItemByIdx(idx);
-    dispatch(setWishlist(wishlistData));
-}; };
-exports.removeFromWishlist = removeFromWishlist;
-var resumeFromWishlist = function (idx) { return function (dispatch, getState) {
-    var threekit = getState().threekit;
-    var savedConfiguration = threekit.wishlist[idx];
-    if (!savedConfiguration)
-        return;
-    dispatch((0, exports.setConfiguration)(savedConfiguration.variant));
-}; };
-exports.resumeFromWishlist = resumeFromWishlist;
-var clearWishlist = function () { return function (dispatch) {
-    var wishlistData = window.threekit.treble.wishlist.clearWishlist();
-    dispatch(setWishlist(wishlistData));
-}; };
-exports.clearWishlist = clearWishlist;
-exports.default = reducer;