@threekit-tools/treble 0.0.82 → 0.0.85-next-1

package/dist/types.js

@@ -1,2 +1,56 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.TRANSFORM_PROPERTY_TYPES = exports.PLUG_TYPES = exports.ASSET_TYPES = exports.ATTRIBUTE_TYPES = exports.DISPLAY_OPTIONS = exports.PRIVATE_APIS = void 0;
+var SCENE_PHASES;
+(function (SCENE_PHASES) {
+    SCENE_PHASES[SCENE_PHASES["LOADED"] = 0] = "LOADED";
+    SCENE_PHASES[SCENE_PHASES["PRELOADED"] = 1] = "PRELOADED";
+    SCENE_PHASES[SCENE_PHASES["RENDERED"] = 2] = "RENDERED";
+})(SCENE_PHASES || (SCENE_PHASES = {}));
+var PRIVATE_APIS;
+(function (PRIVATE_APIS) {
+    PRIVATE_APIS["SCENE"] = "scene";
+    PRIVATE_APIS["PLAYER"] = "player";
+})(PRIVATE_APIS = exports.PRIVATE_APIS || (exports.PRIVATE_APIS = {}));
+var DISPLAY_OPTIONS;
+(function (DISPLAY_OPTIONS) {
+    DISPLAY_OPTIONS["WEBGL"] = "webgl";
+    DISPLAY_OPTIONS["IMAGE"] = "image";
+})(DISPLAY_OPTIONS = exports.DISPLAY_OPTIONS || (exports.DISPLAY_OPTIONS = {}));
+var ATTRIBUTE_TYPES;
+(function (ATTRIBUTE_TYPES) {
+    ATTRIBUTE_TYPES["STRING"] = "String";
+    ATTRIBUTE_TYPES["ASSET"] = "Asset";
+    ATTRIBUTE_TYPES["COLOR"] = "Color";
+    ATTRIBUTE_TYPES["NUMBER"] = "Number";
+    ATTRIBUTE_TYPES["BOOLEAN"] = "Boolean";
+})(ATTRIBUTE_TYPES = exports.ATTRIBUTE_TYPES || (exports.ATTRIBUTE_TYPES = {}));
+var ASSET_TYPES;
+(function (ASSET_TYPES) {
+    ASSET_TYPES["UPLOAD"] = "upload";
+    ASSET_TYPES["ITEM"] = "item";
+})(ASSET_TYPES = exports.ASSET_TYPES || (exports.ASSET_TYPES = {}));
+var PLUG_TYPES;
+(function (PLUG_TYPES) {
+    PLUG_TYPES["PROXY"] = "Proxy";
+    PLUG_TYPES["TRANSFORM"] = "Transform";
+})(PLUG_TYPES = exports.PLUG_TYPES || (exports.PLUG_TYPES = {}));
+var TRANSFORM_PROPERTY_TYPES;
+(function (TRANSFORM_PROPERTY_TYPES) {
+    TRANSFORM_PROPERTY_TYPES["ROTATION"] = "rotation";
+    TRANSFORM_PROPERTY_TYPES["TRANSLATION"] = "translation";
+    TRANSFORM_PROPERTY_TYPES["SCALE"] = "scale";
+})(TRANSFORM_PROPERTY_TYPES = exports.TRANSFORM_PROPERTY_TYPES || (exports.TRANSFORM_PROPERTY_TYPES = {}));
+var SNAPSHOT_FORMATS;
+(function (SNAPSHOT_FORMATS) {
+    SNAPSHOT_FORMATS["JPG"] = "jpg";
+    SNAPSHOT_FORMATS["PNG"] = "png";
+})(SNAPSHOT_FORMATS = exports.SNAPSHOT_FORMATS || (exports.SNAPSHOT_FORMATS = {}));
+var SNAPSHOT_OUTPUTS;
+(function (SNAPSHOT_OUTPUTS) {
+    SNAPSHOT_OUTPUTS["URL"] = "url";
+    SNAPSHOT_OUTPUTS["DOWNLOAD"] = "download";
+    SNAPSHOT_OUTPUTS["DATA_URL"] = "dataUrl";
+    SNAPSHOT_OUTPUTS["BLOB"] = "blob";
+    SNAPSHOT_OUTPUTS["FILE"] = "file";
+})(SNAPSHOT_OUTPUTS = exports.SNAPSHOT_OUTPUTS || (exports.SNAPSHOT_OUTPUTS = {}));

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute, ISetConfiguration, IHydratedAttribute } from './types';
-import { ITrebleConfig, IAttributeTypes } from './types';
+import { ITrebleConfig, ATTRIBUTE_TYPES } from './types';
 import { RawAttributeValue } from './hooks/useAttribute';
 import { ITranslationMap } from './api/products';
 interface ICameraPosition {
@@ -53,7 +53,7 @@ export declare const hydrateAttribute: (data: [
     undefined | ITranslationMap,
     undefined | string
 ], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>) => Record<string, IHydratedAttribute>;
-export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: IAttributeTypes) => string | number | boolean | File | IConfigurationColor | {
+export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: ATTRIBUTE_TYPES) => string | number | boolean | File | IConfigurationColor | {
     assetId: RawAttributeValue;
 } | undefined;
 export declare const filterFormAttributes: (attributes: Record<string, IThreekitDisplayAttribute>, attributeComponentProps: IAttributesComponentProps, includeReservedAttributes: boolean) => IThreekitDisplayAttribute[];

package/dist/utils.js

@@ -47,6 +47,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadTrebleConfig = exports.runDebugger = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.hydrateAttribute = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.isIOS = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
 var constants_1 = require("./constants");
+var types_1 = require("./types");
 var generateClassName = function (baseClass) {
     return function (component, customClassName, title) {
         var result = "".concat(baseClass, "-").concat(component);
@@ -143,35 +144,26 @@ var shallowCompare = function (value1, value2) {
 };
 exports.shallowCompare = shallowCompare;
 var deepCompare = function (item1, item2) {
-    //  Are the items the same type
     if (typeof item1 !== typeof item2)
         return false;
-    //  If that type is Array we deepCompare each item
-    //  against its counter part
-    //  The same arrays in different orders will fail this check
     else if (Array.isArray(item1)) {
         if (item1.length !== item2.length)
             return false;
         for (var i = 0; i < item1.length; i++)
             if (!(0, exports.deepCompare)(item1[i], item2[i]))
                 return false;
-        //  If they're objects...
     }
     else if (isObject(item1)) {
         var keys1 = Object.keys(item1);
         var keys2 = Object.keys(item2);
-        //  We makre sure they have the same keys...
         if (keys1.length !== keys2.length) {
             return false;
         }
-        //  and then deep compare each value
         for (var _i = 0, keys1_2 = keys1; _i < keys1_2.length; _i++) {
             var key = keys1_2[_i];
             if (!(0, exports.deepCompare)(item1[key], item2[key]))
                 return false;
         }
-        //  This leaves us with literals that can be
-        //  compared directly
     }
     else if (item1 !== item2)
         return false;
@@ -280,7 +272,7 @@ var downloadSnapshot = function (snapshot, filename) { return __awaiter(void 0,
         link.addEventListener('click', clickHandler);
         document.body.appendChild(link);
         link.click();
-        return [2 /*return*/];
+        return [2];
     });
 }); };
 exports.downloadSnapshot = downloadSnapshot;
@@ -365,12 +357,12 @@ var hydrateAttribute = function (data, optionSelectionHandler) {
 exports.hydrateAttribute = hydrateAttribute;
 var selectionToConfiguration = function (value, attributeType) {
     switch (attributeType) {
-        case constants_1.ATTRIBUTE_TYPES.number:
-        case constants_1.ATTRIBUTE_TYPES.string:
+        case types_1.ATTRIBUTE_TYPES.NUMBER:
+        case types_1.ATTRIBUTE_TYPES.STRING:
             return value;
-        case constants_1.ATTRIBUTE_TYPES.asset:
+        case types_1.ATTRIBUTE_TYPES.ASSET:
             return { assetId: value };
-        case constants_1.ATTRIBUTE_TYPES.color:
+        case types_1.ATTRIBUTE_TYPES.COLOR:
             return (0, exports.deflateRgb)(value);
         default:
             return value;
@@ -409,12 +401,12 @@ var runDebugger = function () { return __awaiter(void 0, void 0, void 0, functio
     var logs;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, window.threekit.treble._player.calculateLogs()];
+            case 0: return [4, window.threekit.treble._player.calculateLogs()];
             case 1:
                 logs = _a.sent();
                 if (logs.length)
                     console.log("Threekit Debugger: \n", logs);
-                return [2 /*return*/];
+                return [2];
         }
     });
 }); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.82",
+  "version": "0.0.85-next-1",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
@@ -23,22 +23,34 @@
   },
   "scripts": {
     "start": "tsc --watch",
-    "build": "tsc",
+    "build": "npm run clean && tsc",
     "clean": "rimraf dist",
+    "esbuild": "npm run clean && node build.js && tsc --emitDeclarationOnly --outDir dist",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -o build",
     "lint": "eslint ./src",
+    "lint-staged": "lint-staged",
     "check-format": "prettier -c ./src",
     "format": "prettier --write ./src",
     "test": "jest"
   },
+  "lint-staged": {
+    "./src/**/*.{css,less,scss,html,json,jsx,js,tsx,ts}": [
+      "prettier --write ./src"
+    ],
+    "./src": "eslint ./src --fix"
+  },
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.2",
+    "@types/shortid": "^0.0.29",
     "axios": "^0.22.0",
+    "chokidar": "^3.5.3",
+    "live-server": "^1.2.2",
     "react-redux": "^7.2.6",
     "redux": "^4.1.2",
     "redux-logger": "^3.0.6",
     "reselect": "^4.1.2",
+    "shortid": "^2.2.16",
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
@@ -61,14 +73,18 @@
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
     "chromatic": "^6.5.3",
+    "esbuild": "^0.14.48",
     "jest": "^27.5.1",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
+    "lint-staged": "^13.0.3",
     "rimraf": "^3.0.2",
     "serve": "^12.0.1",
     "themeprovider-storybook": "^1.8.0",
     "ts-jest": "^27.1.3",
     "typescript": ">=4.4.4"
   },
+  "peerDependencies": {
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2"
+  },
   "gitHead": "2e16bcf98f81e16bb1768072fdb3968122e7966f"
 }

package/dist/Treble/Snapshots.js

@@ -1,251 +0,0 @@
-"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 });
-var api_1 = __importDefault(require("../api"));
-// import connection from '../connection';
-var constants_1 = require("../constants");
-var utils_1 = require("../utils");
-var DEFAULT_CAMERA_CONFIG = {
-    filename: "snapshot",
-    size: { width: 1920, height: 1080 },
-    format: constants_1.SNAPSHOT_FORMATS.png,
-    attributeName: constants_1.ATTRIBUTES_RESERVED.camera,
-    output: constants_1.SNAPSHOT_OUTPUTS.blob,
-    useStage: false,
-};
-var cameraValues;
-var getCameraValue = function (configurator, cameraAttrName) {
-    if (cameraAttrName === void 0) { cameraAttrName = constants_1.ATTRIBUTES_RESERVED.camera; }
-    var attribute = configurator
-        .getDisplayAttributes()
-        .find(function (el) { return el.name === cameraAttrName; });
-    if (!attribute)
-        return undefined;
-    return attribute.value;
-};
-var getCamerasMap = function (configurator, cameraAttrName) {
-    if (cameraAttrName === void 0) { cameraAttrName = constants_1.ATTRIBUTES_RESERVED.camera; }
-    if (cameraValues)
-        return cameraValues;
-    var attribute = configurator
-        .getDisplayAttributes()
-        .find(function (el) { return el.name === cameraAttrName; });
-    if (!attribute) {
-        cameraValues = {};
-        return cameraValues;
-    }
-    var cameraAttribute = attribute;
-    cameraAttribute.values.forEach(function (el) {
-        var _a;
-        var value = cameraAttribute.type === constants_1.ATTRIBUTE_TYPES.asset
-            ? { assetId: el.assetId }
-            : el.value;
-        cameraValues = Object.assign(cameraValues || {}, (_a = {},
-            _a[el.label] = value,
-            _a));
-    }, {});
-    return cameraValues;
-};
-var getSnapshot = function (_a) {
-    var size = _a.size, format = _a.format;
-    return window.threekit.player.snapshotAsync({
-        size: size,
-        mimeType: "image/".concat(constants_1.SNAPSHOT_FORMATS[format]),
-    });
-};
-var getSnapshots = function (cameras, snapshotConfig) { return __awaiter(void 0, void 0, void 0, function () {
-    var attributeName, size, format, configurator, _a, camerasMap, snapshots;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                attributeName = snapshotConfig.attributeName || DEFAULT_CAMERA_CONFIG.attributeName;
-                size = snapshotConfig.size || DEFAULT_CAMERA_CONFIG.size;
-                format = snapshotConfig.format || DEFAULT_CAMERA_CONFIG.format;
-                if (!(snapshotConfig === null || snapshotConfig === void 0 ? void 0 : snapshotConfig.useStage)) return [3 /*break*/, 2];
-                return [4 /*yield*/, window.threekit.player.getStageConfigurator()];
-            case 1:
-                _a = _b.sent();
-                return [3 /*break*/, 3];
-            case 2:
-                _a = window.threekit.configurator;
-                _b.label = 3;
-            case 3:
-                configurator = _a;
-                camerasMap = getCamerasMap(configurator, attributeName);
-                if (!camerasMap)
-                    return [2 /*return*/, Promise.resolve([])];
-                snapshots = [];
-                return [2 /*return*/, cameras.reduce(function (snapshotPromise, camera) {
-                        return snapshotPromise.then(function () {
-                            return new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
-                                var snapshotStr;
-                                var _a;
-                                return __generator(this, function (_b) {
-                                    switch (_b.label) {
-                                        case 0:
-                                            if (!camera) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, configurator.setConfiguration((_a = {},
-                                                    _a[attributeName] = camerasMap[camera],
-                                                    _a))];
-                                        case 1:
-                                            _b.sent();
-                                            _b.label = 2;
-                                        case 2: return [4 /*yield*/, getSnapshot({ size: size, format: format })];
-                                        case 3:
-                                            snapshotStr = _b.sent();
-                                            snapshots.push(snapshotStr);
-                                            resolve(snapshots);
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            }); });
-                        });
-                    }, Promise.resolve(snapshots))];
-        }
-    });
-}); };
-var Snapshots = /** @class */ (function () {
-    function Snapshots() {
-        var _this = this;
-        this.getSnapshot = getSnapshot;
-        this.takeSnapshots = function (camerasList, snapshotsConfig) { return __awaiter(_this, void 0, void 0, function () {
-            var filename, size, format, attributeName, output, configurator, _a, cameras, snapshotsRaw, snapshotData, camerasMap_1, currentCamera, cameraPosition, _b, attachments, response, urlsArray, snapshotBlobs, snapshotFiles;
-            var _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        filename = (snapshotsConfig === null || snapshotsConfig === void 0 ? void 0 : snapshotsConfig.filename) || DEFAULT_CAMERA_CONFIG.filename;
-                        size = (snapshotsConfig === null || snapshotsConfig === void 0 ? void 0 : snapshotsConfig.size) || DEFAULT_CAMERA_CONFIG.size;
-                        format = (snapshotsConfig === null || snapshotsConfig === void 0 ? void 0 : snapshotsConfig.format) || DEFAULT_CAMERA_CONFIG.format;
-                        attributeName = (snapshotsConfig === null || snapshotsConfig === void 0 ? void 0 : snapshotsConfig.attributeName) || DEFAULT_CAMERA_CONFIG.attributeName;
-                        output = (snapshotsConfig === null || snapshotsConfig === void 0 ? void 0 : snapshotsConfig.output) || DEFAULT_CAMERA_CONFIG.output;
-                        if (!(snapshotsConfig === null || snapshotsConfig === void 0 ? void 0 : snapshotsConfig.useStage)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, window.threekit.player.getStageConfigurator()];
-                    case 1:
-                        _a = _d.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        _a = window.threekit.configurator;
-                        _d.label = 3;
-                    case 3:
-                        configurator = _a;
-                        cameras = Array.isArray(camerasList) ? camerasList : [camerasList];
-                        if (!(cameras.length === 1 && cameras[0] === undefined)) return [3 /*break*/, 5];
-                        return [4 /*yield*/, this.getSnapshot({ size: size, format: format })];
-                    case 4:
-                        snapshotData = _d.sent();
-                        snapshotsRaw = [snapshotData];
-                        return [3 /*break*/, 8];
-                    case 5:
-                        camerasMap_1 = getCamerasMap(configurator, attributeName);
-                        if (!camerasMap_1)
-                            return [2 /*return*/, null];
-                        cameras = cameras.filter(function (el) { return el === undefined || Object.keys(camerasMap_1).includes(el); });
-                        currentCamera = getCameraValue(configurator, attributeName);
-                        cameraPosition = (0, utils_1.getCameraPosition)(window.threekit.player.camera);
-                        return [4 /*yield*/, getSnapshots(cameras, snapshotsConfig)];
-                    case 6:
-                        snapshotsRaw = _d.sent();
-                        return [4 /*yield*/, configurator.setConfiguration((_c = {},
-                                _c[attributeName] = currentCamera,
-                                _c))];
-                    case 7:
-                        _d.sent();
-                        (0, utils_1.setCameraPosition)(window.threekit.player.camera, cameraPosition);
-                        _d.label = 8;
-                    case 8:
-                        _b = output;
-                        switch (_b) {
-                            case constants_1.SNAPSHOT_OUTPUTS.url: return [3 /*break*/, 9];
-                            case constants_1.SNAPSHOT_OUTPUTS.download: return [3 /*break*/, 11];
-                            case constants_1.SNAPSHOT_OUTPUTS.blob: return [3 /*break*/, 12];
-                            case constants_1.SNAPSHOT_OUTPUTS.file: return [3 /*break*/, 13];
-                            case constants_1.SNAPSHOT_OUTPUTS.dataUrl: return [3 /*break*/, 14];
-                        }
-                        return [3 /*break*/, 14];
-                    case 9:
-                        attachments = snapshotsRaw.reduce(function (output, el, idx) {
-                            var _a;
-                            var cameraName = (camerasList === null || camerasList === void 0 ? void 0 : camerasList[idx])
-                                ? (0, utils_1.regularToKebabCase)(camerasList[idx] || 'default')
-                                : filename;
-                            var preppedFilename = cameraName === filename
-                                ? "".concat(filename, ".").concat(format)
-                                : "".concat(filename, "-").concat(cameraName, ".").concat(format);
-                            var file = (0, utils_1.dataURItoFile)(el, preppedFilename);
-                            return Object.assign(output, (_a = {}, _a[cameraName] = file, _a));
-                        }, {});
-                        return [4 /*yield*/, api_1.default.configurations.save({
-                                assetId: window.threekit.player.assetId,
-                                configuration: window.threekit.configurator.getConfiguration(),
-                                attachments: attachments,
-                            })];
-                    case 10:
-                        response = _d.sent();
-                        urlsArray = Object.values(response.data.attachments);
-                        return [2 /*return*/, Promise.resolve(urlsArray)];
-                    case 11:
-                        snapshotsRaw.forEach(function (snapshotBlob, idx) {
-                            var cameraName = (camerasList === null || camerasList === void 0 ? void 0 : camerasList[idx])
-                                ? "-".concat((0, utils_1.regularToKebabCase)(camerasList[idx] || 'default'))
-                                : '';
-                            (0, utils_1.downloadSnapshot)(snapshotBlob, "".concat(filename).concat(cameraName, ".").concat(format));
-                        });
-                        return [2 /*return*/, Promise.resolve()];
-                    case 12:
-                        snapshotBlobs = snapshotsRaw.map(function (el) { return (0, utils_1.dataURItoBlob)(el); });
-                        return [2 /*return*/, Promise.resolve(snapshotBlobs)];
-                    case 13:
-                        snapshotFiles = snapshotsRaw.map(function (el, idx) {
-                            var cameraName = (camerasList === null || camerasList === void 0 ? void 0 : camerasList[idx])
-                                ? "-".concat((0, utils_1.regularToKebabCase)(camerasList[idx] || 'default'))
-                                : '';
-                            return (0, utils_1.dataURItoFile)(el, "".concat(filename).concat(cameraName, ".").concat(format));
-                        });
-                        return [2 /*return*/, Promise.resolve(snapshotFiles)];
-                    case 14: return [2 /*return*/, Promise.resolve(snapshotsRaw)];
-                }
-            });
-        }); };
-    }
-    return Snapshots;
-}());
-exports.default = Snapshots;

package/dist/Treble/Wishlist.js

@@ -1,136 +0,0 @@
-"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var api_1 = __importDefault(require("../api"));
-var constants_1 = require("../constants");
-var wishlistData;
-var Wishlist = /** @class */ (function () {
-    function Wishlist(orgId) {
-        var _this = this;
-        this.getWishlist = function () { return __awaiter(_this, void 0, void 0, function () {
-            var wishlistListStr, wishlistList, wishlistDataRaw;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (wishlistData)
-                            return [2 /*return*/, wishlistData];
-                        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:
-                        wishlistDataRaw = _a.sent();
-                        wishlistData = wishlistDataRaw.map(function (el) { return el.data; });
-                        return [2 /*return*/, wishlistData];
-                }
-            });
-        }); };
-        this.addItem = function () { return __awaiter(_this, void 0, void 0, function () {
-            var thumbnails, savedConfiguration, wishlistListStr, wishlistList;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!wishlistData) {
-                            wishlistData = [];
-                            localStorage.setItem(this._wishlistKey, JSON.stringify([]));
-                        }
-                        return [4 /*yield*/, window.threekit.treble.takeSnapshots(undefined, {
-                                output: 'file',
-                                filename: 'thumbnail',
-                            })];
-                    case 1:
-                        thumbnails = (_a.sent());
-                        return [4 /*yield*/, window.threekit.treble.saveConfiguration({
-                                attachments: { thumbnail: thumbnails[0] },
-                            })];
-                    case 2:
-                        savedConfiguration = _a.sent();
-                        if (!savedConfiguration)
-                            return [2 /*return*/, wishlistData];
-                        wishlistData = __spreadArray(__spreadArray([], wishlistData, true), [savedConfiguration], false);
-                        wishlistListStr = localStorage.getItem(this._wishlistKey);
-                        wishlistList = JSON.parse(wishlistListStr || '[]');
-                        wishlistList.push(savedConfiguration.shortId);
-                        localStorage.setItem(this._wishlistKey, JSON.stringify(wishlistList));
-                        return [2 /*return*/, this.getWishlist()];
-                }
-            });
-        }); };
-        this.removeItemByIdx = function (idx) {
-            if (!(wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.length)) {
-                wishlistData = [];
-                localStorage.setItem(_this._wishlistKey, JSON.stringify([]));
-                return wishlistData;
-            }
-            if (idx > (wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.length) - 1)
-                return wishlistData;
-            var updatedWishlist = __spreadArray([], wishlistData, true);
-            updatedWishlist.splice(idx, 1);
-            wishlistData = updatedWishlist;
-            var wishlistListStr = localStorage.getItem(_this._wishlistKey);
-            var wishlistList = JSON.parse(wishlistListStr || '[]');
-            wishlistList.splice(idx, 1);
-            localStorage.setItem(_this._wishlistKey, JSON.stringify(wishlistList));
-            return wishlistData;
-        };
-        this.clearWishlist = function () {
-            wishlistData = [];
-            localStorage.setItem(_this._wishlistKey, JSON.stringify([]));
-            return wishlistData;
-        };
-        this._wishlistKey = "".concat(constants_1.WISHLIST_LOCALSTORAGE_KEY, "_").concat(orgId);
-        this.getWishlist();
-        return this;
-    }
-    return Wishlist;
-}());
-function createWishlist(orgId) {
-    return new Wishlist(orgId);
-}
-exports.default = createWishlist;