@threekit-tools/treble 0.0.92 → 0.0.93

package/dist/types.js

@@ -6,17 +6,17 @@ var SCENE_PHASES;
     SCENE_PHASES["LOADED"] = "loaded";
     SCENE_PHASES["PRELOADED"] = "preloaded";
     SCENE_PHASES["RENDERED"] = "rendered";
-})(SCENE_PHASES = exports.SCENE_PHASES || (exports.SCENE_PHASES = {}));
+})(SCENE_PHASES || (exports.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 = {}));
+})(PRIVATE_APIS || (exports.PRIVATE_APIS = PRIVATE_APIS = {}));
 var DISPLAY_OPTIONS;
 (function (DISPLAY_OPTIONS) {
     DISPLAY_OPTIONS["WEBGL"] = "webgl";
     DISPLAY_OPTIONS["IMAGE"] = "image";
-})(DISPLAY_OPTIONS = exports.DISPLAY_OPTIONS || (exports.DISPLAY_OPTIONS = {}));
+})(DISPLAY_OPTIONS || (exports.DISPLAY_OPTIONS = DISPLAY_OPTIONS = {}));
 var ATTRIBUTE_TYPES;
 (function (ATTRIBUTE_TYPES) {
     ATTRIBUTE_TYPES["STRING"] = "String";
@@ -25,28 +25,28 @@ var ATTRIBUTE_TYPES;
     ATTRIBUTE_TYPES["NUMBER"] = "Number";
     ATTRIBUTE_TYPES["BOOLEAN"] = "Boolean";
     ATTRIBUTE_TYPES["ARRAY"] = "Array";
-})(ATTRIBUTE_TYPES = exports.ATTRIBUTE_TYPES || (exports.ATTRIBUTE_TYPES = {}));
+})(ATTRIBUTE_TYPES || (exports.ATTRIBUTE_TYPES = ATTRIBUTE_TYPES = {}));
 var ASSET_TYPES;
 (function (ASSET_TYPES) {
     ASSET_TYPES["UPLOAD"] = "upload";
     ASSET_TYPES["ITEM"] = "item";
-})(ASSET_TYPES = exports.ASSET_TYPES || (exports.ASSET_TYPES = {}));
+})(ASSET_TYPES || (exports.ASSET_TYPES = ASSET_TYPES = {}));
 var PLUG_TYPES;
 (function (PLUG_TYPES) {
     PLUG_TYPES["PROXY"] = "Proxy";
     PLUG_TYPES["TRANSFORM"] = "Transform";
-})(PLUG_TYPES = exports.PLUG_TYPES || (exports.PLUG_TYPES = {}));
+})(PLUG_TYPES || (exports.PLUG_TYPES = 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 = {}));
+})(TRANSFORM_PROPERTY_TYPES || (exports.TRANSFORM_PROPERTY_TYPES = 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 = {}));
+})(SNAPSHOT_FORMATS || (exports.SNAPSHOT_FORMATS = SNAPSHOT_FORMATS = {}));
 var SNAPSHOT_OUTPUTS;
 (function (SNAPSHOT_OUTPUTS) {
     SNAPSHOT_OUTPUTS["URL"] = "url";
@@ -54,4 +54,4 @@ var SNAPSHOT_OUTPUTS;
     SNAPSHOT_OUTPUTS["DATA_URL"] = "dataUrl";
     SNAPSHOT_OUTPUTS["BLOB"] = "blob";
     SNAPSHOT_OUTPUTS["FILE"] = "file";
-})(SNAPSHOT_OUTPUTS = exports.SNAPSHOT_OUTPUTS || (exports.SNAPSHOT_OUTPUTS = {}));
+})(SNAPSHOT_OUTPUTS || (exports.SNAPSHOT_OUTPUTS = SNAPSHOT_OUTPUTS = {}));

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute, ISetConfiguration, IHydratedAttribute } from './types';
 import { ITrebleConfig, ATTRIBUTE_TYPES } from './types';
 import { RawAttributeValue } from './hooks/useAttribute';
-import { ITranslationMap } from './api/products';
+import { ITranslationsMap } from './http/assets';
 interface ICameraPosition {
     position: ICoordinates;
     quaternion: IQuaternion;
@@ -48,11 +48,7 @@ export declare const downloadSnapshot: (snapshot: string, filename: string) => P
 export declare const copyToClipboard: (data: string | Record<string, string | number | boolean>) => void;
 export declare const easeInOutCubic: (val: number) => number;
 export declare const metadataValueToObject: (data: string) => Record<string, string | number>;
-export declare const hydrateAttribute: (data: [
-    Record<string, IThreekitDisplayAttribute>,
-    undefined | ITranslationMap,
-    undefined | string
-], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>) => Record<string, IHydratedAttribute>;
+export declare const hydrateAttribute: (data: [Record<string, IThreekitDisplayAttribute>, ITranslationsMap], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>) => Record<string, IHydratedAttribute>;
 export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: ATTRIBUTE_TYPES) => string | number | boolean | File | IConfigurationColor | {
     assetId: RawAttributeValue;
 } | undefined;

package/dist/utils.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -304,24 +304,19 @@ var metadataValueToObject = function (data) {
 };
 exports.metadataValueToObject = metadataValueToObject;
 var hydrateAttribute = function (data, optionSelectionHandler) {
-    var attributes = data[0], translations = data[1], language = data[2];
-    var hasTranslation = !!language && !!translations;
+    var attributes = data[0], translations = data[1];
     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,
+                label: (_b = translations[attribute.name]) !== null && _b !== void 0 ? _b : 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,
+                            label: (_a = translations[el.label]) !== null && _a !== void 0 ? _a : el.label,
                             handleSelect: function () {
                                 var _a;
                                 return optionSelectionHandler((_a = {},
@@ -337,9 +332,7 @@ var hydrateAttribute = function (data, optionSelectionHandler) {
                         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,
+                                label: (_a = translations[el.name]) !== null && _a !== void 0 ? _a : el.name,
                                 handleSelect: function () {
                                     var _a;
                                     return optionSelectionHandler((_a = {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.92",
+  "version": "0.0.93",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
@@ -46,7 +46,6 @@
     "axios": "^0.22.0",
     "chokidar": "^3.5.3",
     "live-server": "^1.2.2",
-    "joi": "^17.10.0",
     "react-redux": "^7.2.6",
     "redux": "^4.1.2",
     "redux-logger": "^3.0.6",

package/dist/Treble/snapshot.d.ts

@@ -1,22 +0,0 @@
-export type ISnapshotsCameras = undefined | string | Array<string | undefined>;
-interface SnapshotSize {
-    width: number;
-    height: number;
-}
-export interface ITakeSnapshotsConfig {
-    attributeName?: string;
-    output?: string;
-    format?: string;
-    size?: SnapshotSize;
-    filename?: string;
-    useStage?: boolean;
-}
-interface IGetSnapshot {
-    size: SnapshotSize;
-    format: string;
-}
-declare const _default: {
-    getSnapshot: ({ size, format }: IGetSnapshot) => Promise<string>;
-    takeSnapshots: (camerasList: ISnapshotsCameras, snapshotsConfig: ITakeSnapshotsConfig) => Promise<void | string[] | Blob[] | File[] | null>;
-};
-export default _default;

package/dist/Treble/snapshot.js

@@ -1,247 +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 (g && (g = 0, op[0] && (_ = 0)), _) 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"));
-var constants_1 = require("../constants");
-var types_1 = require("../types");
-var utils_1 = require("../utils");
-var DEFAULT_CAMERA_CONFIG = {
-    filename: "snapshot",
-    size: { width: 1920, height: 1080 },
-    format: types_1.SNAPSHOT_FORMATS.PNG,
-    attributeName: constants_1.ATTRIBUTES_RESERVED.camera,
-    output: types_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 === types_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(types_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, 2];
-                return [4, window.threekit.player.getStageConfigurator()];
-            case 1:
-                _a = _b.sent();
-                return [3, 3];
-            case 2:
-                _a = window.threekit.configurator;
-                _b.label = 3;
-            case 3:
-                configurator = _a;
-                camerasMap = getCamerasMap(configurator, attributeName);
-                if (!camerasMap)
-                    return [2, Promise.resolve([])];
-                snapshots = [];
-                return [2, 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, 2];
-                                            return [4, configurator.setConfiguration((_a = {},
-                                                    _a[attributeName] = camerasMap[camera],
-                                                    _a))];
-                                        case 1:
-                                            _b.sent();
-                                            _b.label = 2;
-                                        case 2: return [4, getSnapshot({ size: size, format: format })];
-                                        case 3:
-                                            snapshotStr = _b.sent();
-                                            snapshots.push(snapshotStr);
-                                            resolve(snapshots);
-                                            return [2];
-                                    }
-                                });
-                            }); });
-                        });
-                    }, Promise.resolve(snapshots))];
-        }
-    });
-}); };
-var takeSnapshots = function (camerasList, snapshotsConfig) { return __awaiter(void 0, 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, 2];
-                return [4, window.threekit.player.getStageConfigurator()];
-            case 1:
-                _a = _d.sent();
-                return [3, 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, 5];
-                return [4, getSnapshot({ size: size, format: format })];
-            case 4:
-                snapshotData = _d.sent();
-                snapshotsRaw = [snapshotData];
-                return [3, 8];
-            case 5:
-                camerasMap_1 = getCamerasMap(configurator, attributeName);
-                if (!camerasMap_1)
-                    return [2, 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, getSnapshots(cameras, snapshotsConfig)];
-            case 6:
-                snapshotsRaw = _d.sent();
-                return [4, 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 types_1.SNAPSHOT_OUTPUTS.URL: return [3, 9];
-                    case types_1.SNAPSHOT_OUTPUTS.DOWNLOAD: return [3, 11];
-                    case types_1.SNAPSHOT_OUTPUTS.BLOB: return [3, 12];
-                    case types_1.SNAPSHOT_OUTPUTS.FILE: return [3, 13];
-                    case types_1.SNAPSHOT_OUTPUTS.DATA_URL: return [3, 14];
-                }
-                return [3, 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, 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, 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, Promise.resolve()];
-            case 12:
-                snapshotBlobs = snapshotsRaw.map(function (el) { return (0, utils_1.dataURItoBlob)(el); });
-                return [2, 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, Promise.resolve(snapshotFiles)];
-            case 14: return [2, Promise.resolve(snapshotsRaw)];
-        }
-    });
-}); };
-exports.default = {
-    getSnapshot: getSnapshot,
-    takeSnapshots: takeSnapshots,
-};

package/dist/api/products.d.ts

@@ -1,4 +0,0 @@
-declare type ITranslation = Record<string, string | undefined>;
-export declare type ITranslationMap = Record<string, ITranslation>;
-export declare const fetchTranslations: () => Promise<ITranslationMap>;
-export {};

package/dist/hooks/useSpaces/SpacesLayout.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ICoordinate2D } from './types';
-interface ISpacesLayout {
-    loops?: Array<ICoordinate2D[]>;
-    size?: number;
-    color?: string;
-    padding?: number;
-    strokeWidth?: number;
-}
-export default function SpacesLayout(props: ISpacesLayout): JSX.Element;
-export {};

package/dist/hooks/useSpaces/SpacesLayout.js

@@ -1,74 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function SpacesLayout(props) {
-    var loops = props.loops;
-    var size = props.size || 20;
-    var padding = props.padding || 2;
-    var strokeWidth = props.strokeWidth || 2;
-    if (!(loops === null || loops === void 0 ? void 0 : loops.length))
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    var _a = loops.reduce(function (output, loop, i) {
-        loop.forEach(function (_a, j) {
-            var x = _a[0], y = _a[1];
-            if (!i && !j) {
-                output = {
-                    xMin: x,
-                    yMin: y,
-                    xMax: x,
-                    yMax: y,
-                };
-            }
-            else {
-                if (x < output.xMin)
-                    output.xMin = x;
-                else if (x > output.xMax)
-                    output.xMax = x;
-                if (y < output.yMin)
-                    output.yMin = y;
-                else if (y > output.yMax)
-                    output.yMax = y;
-            }
-        });
-        return output;
-    }, {
-        xMin: 0,
-        yMin: 0,
-        xMax: 0,
-        yMax: 0,
-    }), xMin = _a.xMin, yMin = _a.yMin, xMax = _a.xMax, yMax = _a.yMax;
-    var xSpan = xMax - xMin;
-    var ySpan = yMax - yMin;
-    var xCenter = xMin + xSpan / 2;
-    var yCenter = yMin + ySpan / 2;
-    var scaleFactor = (size - 2 * padding) / Math.max(xSpan, ySpan);
-    var translate = [
-        xCenter * scaleFactor - size / 2,
-        yCenter * scaleFactor - size / 2,
-    ];
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), loops.map(function (loop, i) {
-        var path = loop
-            .map(function (point, i) {
-            var x = point[0] * scaleFactor - translate[0];
-            var y = point[1] * scaleFactor - translate[1];
-            return (!i ? 'M ' : 'L ') + x + ' ' + y;
-        })
-            .join(' ') + ' Z';
-        return (react_1.default.createElement("path", { key: "path-".concat(i), d: path, stroke: props.color, strokeWidth: strokeWidth }));
-    })));
-}
-exports.default = SpacesLayout;