@threekit-tools/treble 0.0.80 → 0.0.83

package/dist/components/UploadArea/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -65,14 +69,14 @@ var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
 var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
 var shared_styles_1 = require("../shared.styles");
 var utils_1 = require("../../utils");
-var icons_1 = require("../../icons");
+var Spinner_1 = __importDefault(require("../../icons/Spinner"));
+var Image_1 = __importDefault(require("../../icons/Image"));
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var uploadArea_styles_1 = require("./uploadArea.styles");
 var UploadArea = function (props) {
-    var _a;
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, customClassName = props.className;
-    var _b = (0, react_1.useState)(false), isUploading = _b[0], setIsUploading = _b[1];
-    var _c = (0, react_1.useState)(undefined), filename = _c[0], setFilename = _c[1];
+    var _a = (0, react_1.useState)(false), isUploading = _a[0], setIsUploading = _a[1];
+    var _b = (0, react_1.useState)(undefined), filename = _b[0], setFilename = _b[1];
     var inputRef = (0, react_1.useRef)(null);
     var imgRef = (0, react_1.useRef)(null);
     var cls = (0, utils_1.generateInputClassName)('upload', customClassName, title);
@@ -88,7 +92,7 @@ var UploadArea = function (props) {
             switch (_a.label) {
                 case 0:
                     setIsUploading(true);
-                    return [4 /*yield*/, onChange(file)];
+                    return [4, onChange(file)];
                 case 1:
                     _a.sent();
                     setIsUploading(false);
@@ -97,11 +101,10 @@ var UploadArea = function (props) {
                     reader.onload = function () {
                         if (!imgRef.current)
                             return;
-                        // @ts-ignore
                         imgRef.current.src = reader.result;
                     };
                     reader.readAsDataURL(file);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -113,22 +116,22 @@ var UploadArea = function (props) {
                     var _a;
                     return __generator(this, function (_b) {
                         if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || !onChange)
-                            return [2 /*return*/];
+                            return [2];
                         handleUpload(e.target.files[0]);
-                        return [2 /*return*/];
+                        return [2];
                     });
                 }); } }),
             react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement(icons_1.SpinnerIcon, { size: "28px" })),
-                react_1.default.createElement("div", null, "Uploading..."))) : ((_a = value) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
+                    react_1.default.createElement(Spinner_1.default, { size: "28px" })),
+                react_1.default.createElement("div", null, "Uploading..."))) : (value === null || value === void 0 ? void 0 : value.length) ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("img", { ref: imgRef, src: "#" })),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("div", null, filename),
                     react_1.default.createElement("div", null, "Upload another file.")))) : (react_1.default.createElement("div", null,
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement(icons_1.ImageIcon, null)),
+                    react_1.default.createElement(Image_1.default, null)),
                 react_1.default.createElement("div", null, "Click to upload"),
                 react_1.default.createElement("div", null, "Supported file types: PNG, JPEG, SVG")))))));
 };

package/dist/components/Wishlist/index.d.ts

@@ -19,9 +19,6 @@ export declare const WishlistButton: (props: WidgetButtonProps) => JSX.Element;
 export declare const Wishlist: {
     (props: WishlistProps): JSX.Element | null;
     propTypes: {
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/Wishlist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -61,7 +65,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wishlist = exports.WishlistButton = exports.AddWishlistButton = void 0;
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var icons_1 = require("../../icons");
+var Heart_1 = __importDefault(require("../../icons/Heart"));
+var Wishlist_1 = __importDefault(require("../../icons/Wishlist"));
 var Button_1 = require("../Button");
 var Drawer_1 = __importDefault(require("../Drawer"));
 var shared_styles_1 = require("../shared.styles");
@@ -71,12 +76,12 @@ var wishlist_styles_1 = require("./wishlist.styles");
 var useWishlist_1 = __importDefault(require("../../hooks/useWishlist"));
 var AddWishlistButton = function (props) {
     var title = props.title, type = props.type, shape = props.shape, className = props.className, onClick = props.onClick;
-    return (react_1.default.createElement(Button_1.Button, { title: title, icon: icons_1.HeartIcon.iconName, className: className, onClick: onClick, type: type, shape: shape }));
+    return (react_1.default.createElement(Button_1.Button, { title: title, icon: Heart_1.default.iconName, className: className, onClick: onClick, type: type, shape: shape }));
 };
 exports.AddWishlistButton = AddWishlistButton;
 var WishlistButton = function (props) {
     var title = props.title, type = props.type, shape = props.shape, className = props.className, onClick = props.onClick;
-    return (react_1.default.createElement(Button_1.Button, { title: title, icon: icons_1.WishlistIcon.iconName, className: className, onClick: onClick, type: type, shape: shape }));
+    return (react_1.default.createElement(Button_1.Button, { title: title, icon: Wishlist_1.default.iconName, className: className, onClick: onClick, type: type, shape: shape }));
 };
 exports.WishlistButton = WishlistButton;
 var Wishlist = function (props) {
@@ -91,11 +96,11 @@ var Wishlist = function (props) {
     var handleAddToWishlist = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, addToWishlist()];
+                case 0: return [4, addToWishlist()];
                 case 1:
                     _a.sent();
                     setShowWishlist(true);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };
@@ -111,9 +116,6 @@ var Wishlist = function (props) {
 };
 exports.Wishlist = Wishlist;
 exports.Wishlist.propTypes = {
-    /**
-     * Custom classNames applied to the HTML Element to apply custom CSS styling.
-     */
     className: prop_types_1.default.string,
 };
 exports.Wishlist.defaultProps = {
@@ -122,5 +124,5 @@ exports.Wishlist.defaultProps = {
     type: 'threekit',
 };
 exports.Wishlist.componentName = 'wishlist';
-exports.Wishlist.Icon = icons_1.WishlistIcon;
+exports.Wishlist.Icon = Wishlist_1.default;
 exports.default = exports.Wishlist;

package/dist/components/Zoom/index.d.ts

@@ -15,27 +15,10 @@ export declare const ZoomInComponent: (props: ZoomComponentProps) => JSX.Element
 export declare const Zoom: {
     (props: ZoomProps): JSX.Element;
     propTypes: {
-        /**
-         * The number of steps, for both zoom-in and out, that we want to increment the zoom by.
-         */
         step: PropTypes.Requireable<number>;
-        /**
-         * Used to the set the orientation/alignment of the buttons.
-         */
         orientation: PropTypes.Requireable<string>;
-        /**
-         * Custom classNames applied to the HTML Element to apply custom CSS styling.
-         */
         className: PropTypes.Requireable<string>;
-        /**
-         * The presentational type of the input component. Options
-         * include: `hollow`, `standard`, `accent`, `primary`
-         */
         type: PropTypes.Requireable<string>;
-        /**
-         * Used to set the shape of the Widget button. Options
-         * include: `square`, `round`
-         */
         shape: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/Zoom/index.js

@@ -19,7 +19,8 @@ var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var shared_styles_1 = require("../shared.styles");
 var Button_1 = __importDefault(require("../Button"));
-var icons_1 = require("../../icons");
+var ZoomIn_1 = __importDefault(require("../../icons/ZoomIn"));
+var ZoomOut_1 = __importDefault(require("../../icons/ZoomOut"));
 var useThreekitInitStatus_1 = __importDefault(require("../../hooks/useThreekitInitStatus"));
 var useZoom_1 = __importDefault(require("../../hooks/useZoom"));
 var utils_1 = require("../../utils");
@@ -40,7 +41,7 @@ var ZoomOutComponent = function (props) {
         return null;
     var handleZoomOut = function () { return zoomOut(Math.abs(step)); };
     var cls = (0, utils_1.generateWidgetClassName)('zoom', className);
-    return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-out"), shape: shape, type: type, icon: icons_1.ZoomOutIcon.iconName, onClick: handleZoomOut }));
+    return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-out"), shape: shape, type: type, icon: ZoomOut_1.default.iconName, onClick: handleZoomOut }));
 };
 exports.ZoomOutComponent = ZoomOutComponent;
 var ZoomInComponent = function (props) {
@@ -55,7 +56,7 @@ var ZoomInComponent = function (props) {
         return null;
     var handleZoomOut = function () { return zoomIn(Math.abs(step)); };
     var cls = (0, utils_1.generateWidgetClassName)('zoom', className);
-    return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-in"), shape: shape, type: type, icon: icons_1.ZoomInIcon.iconName, onClick: handleZoomOut }));
+    return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-in"), shape: shape, type: type, icon: ZoomIn_1.default.iconName, onClick: handleZoomOut }));
 };
 exports.ZoomInComponent = ZoomInComponent;
 var Zoom = function (props) {
@@ -82,27 +83,10 @@ var Zoom = function (props) {
 };
 exports.Zoom = Zoom;
 exports.Zoom.propTypes = {
-    /**
-     * The number of steps, for both zoom-in and out, that we want to increment the zoom by.
-     */
     step: prop_types_1.default.number,
-    /**
-     * Used to the set the orientation/alignment of the buttons.
-     */
     orientation: prop_types_1.default.string,
-    /**
-     * Custom classNames applied to the HTML Element to apply custom CSS styling.
-     */
     className: prop_types_1.default.string,
-    /**
-     * The presentational type of the input component. Options
-     * include: `hollow`, `standard`, `accent`, `primary`
-     */
     type: prop_types_1.default.string,
-    /**
-     * Used to set the shape of the Widget button. Options
-     * include: `square`, `round`
-     */
     shape: prop_types_1.default.string,
 };
 exports.Zoom.defaultProps = {
@@ -113,7 +97,7 @@ exports.Zoom.defaultProps = {
     type: 'threekit',
 };
 exports.Zoom.componentName = 'zoom';
-exports.Zoom.Icon = icons_1.ZoomInIcon;
+exports.Zoom.Icon = ZoomIn_1.default;
 exports.Zoom.ZoomOut = exports.ZoomOutComponent;
 exports.Zoom.ZoomIn = exports.ZoomInComponent;
 exports.default = exports.Zoom;

package/dist/components/formComponents.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -29,13 +33,11 @@ var Swatch_1 = __importStar(require("./Swatch"));
 var Tiles_1 = __importStar(require("./Tiles"));
 var TilesGroup_1 = __importStar(require("./TilesGroup"));
 var Upload_1 = __importStar(require("./Upload"));
-// import UploadArea, { UploadArea as UploadAreaComponent } from './UploadArea';
 var TextInput_1 = __importStar(require("./TextInput"));
 var Switch_1 = __importStar(require("./Switch"));
 exports.FORM_COMPONENT_TYPES = {
     stringInput: 'string-input',
 };
-//  First option for each attribute type is the default value
 exports.formComponents = (_a = {},
     _a[constants_1.ATTRIBUTE_TYPES.asset] = (_b = {},
         _b[Strips_1.Strips.componentName] = Strips_1.default,

package/dist/components/message/index.d.ts

@@ -12,17 +12,8 @@ interface MessageComponentProps {
 export declare const MessageComponent: {
     (props: MessageComponentProps): JSX.Element | null;
     propTypes: {
-        /**
-         * The content to be displayed in the message
-         */
         content: PropTypes.Requireable<string>;
-        /**
-         * The icon to display before the message
-         */
         icon: PropTypes.Requireable<string>;
-        /**
-         * Used to add a custom class name to each of the components html elements
-         */
         className: PropTypes.Requireable<string>;
     };
     defaultProps: {

package/dist/components/message/index.js

@@ -1,23 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -27,7 +8,8 @@ var react_1 = __importDefault(require("react"));
 var react_dom_1 = __importDefault(require("react-dom"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var message_styles_1 = require("./message.styles");
-var icons_1 = __importStar(require("../../icons"));
+var icons_1 = __importDefault(require("../../icons"));
+var Info_1 = __importDefault(require("../../icons/Info"));
 var styled_components_1 = require("styled-components");
 var theme_1 = __importDefault(require("../../theme"));
 var messagesEl;
@@ -57,7 +39,7 @@ var MessageComponent = function (props) {
     var content = props.content, icon = props.icon;
     if (!content)
         return null;
-    var Icon = icon ? icons_1.default[icon] : icons_1.InfoIcon;
+    var Icon = icon ? icons_1.default[icon] : Info_1.default;
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
         react_1.default.createElement(message_styles_1.Wrapper, null,
             react_1.default.createElement(message_styles_1.IconWrapper, null,
@@ -90,22 +72,13 @@ var info = function (content, icon) {
     }, (messagesConfig.duration || 2 + (typeof content === 'string' ? 0.05 * content.length : 0.5)) * 1000);
 };
 exports.MessageComponent.propTypes = {
-    /**
-     * The content to be displayed in the message
-     */
     content: prop_types_1.default.string,
-    /**
-     * The icon to display before the message
-     */
     icon: prop_types_1.default.string,
-    /**
-     * Used to add a custom class name to each of the components html elements
-     */
     className: prop_types_1.default.string,
 };
 exports.MessageComponent.defaultProps = {
     content: undefined,
-    icon: icons_1.InfoIcon.iconName,
+    icon: Info_1.default.iconName,
     className: undefined,
 };
 exports.default = { config: config, info: info };

package/dist/connection.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThreekitConnection = void 0;
-var ThreekitConnection = /** @class */ (function () {
+var ThreekitConnection = (function () {
     function ThreekitConnection() {
         this._authToken = '';
         this._orgId = '';
@@ -58,7 +58,7 @@ var ThreekitConnection = /** @class */ (function () {
                     this._serverUrl = config.serverUrl;
                 if (config.threekitDomain)
                     this._threekitDomain = "https://".concat(config.threekitDomain);
-                return [2 /*return*/];
+                return [2];
             });
         });
     };

package/dist/constants.d.ts

@@ -1,6 +1,3 @@
-/*****************************************************
- * Treble Config
- ****************************************************/
 export declare const TREBLE_DEBUG: boolean;
 export declare const DEFAULT_CLASS_NAME = "threekit-react";
 export declare const CLASS_NAME_PREFIX = "tk";
@@ -11,17 +8,8 @@ export declare const TOOL_CLASS_NAME: string;
 export declare const DISPLAY_CLASS_NAME: string;
 export declare const FORM_CLASS_NAME: string;
 export declare const IS_TREBLE_SCRIPTS: boolean;
-/*****************************************************
- * Treble Products Workflow
- ****************************************************/
 export declare const TK_PRODUCT_ID_PARAM_KEY = "tkProduct";
-/*****************************************************
- * Saved Configuration Workflow
- ****************************************************/
 export declare const TK_SAVED_CONFIG_PARAM_KEY = "tkConfigId";
-/*****************************************************
- * Threekit Player Initialization Defaults
- ****************************************************/
 export declare const TK_PLAYER_LOADER_DIV = "tk-ply-loader";
 export declare const TK_PLAYER_ROOT_DIV = "tk-ply-root";
 export declare const DEFAULT_PLAYER_CONFIG: {
@@ -32,9 +20,6 @@ export declare const DEFAULT_PLAYER_CONFIG: {
     showShare: boolean;
     allowMobileVerticalOrbit: boolean;
 };
-/*****************************************************
- * Attributes
- ****************************************************/
 export declare const ATTRIBUTE_TYPES: {
     asset: string;
     string: string;
@@ -53,9 +38,6 @@ export declare const SORT_OPTIONS: {
 export declare const ATTRIBUTES_RESERVED: {
     camera: string;
 };
-/*****************************************************
- * Reserved Catalog Item Metadata Properties
- ****************************************************/
 export declare const METADATA_RESERVED: {
     description: string;
     thumbnail: string;
@@ -67,9 +49,6 @@ export declare const METADATA_RESERVED: {
     rotate: string;
     scale: string;
 };
-/*****************************************************
- * Snapshot
- ****************************************************/
 export declare const SNAPSHOT_FORMATS: {
     png: string;
     jpeg: string;
@@ -81,13 +60,7 @@ export declare const SNAPSHOT_OUTPUTS: {
     blob: string;
     file: string;
 };
-/*****************************************************
- * Wishlist
- ****************************************************/
 export declare const WISHLIST_LOCALSTORAGE_KEY = "tk_wishlist";
-/*****************************************************
- * Datatables
- ****************************************************/
 export declare const DATATABLE_FORMATS: {
     csv: string;
     json: string;

package/dist/constants.js

@@ -1,7 +1,4 @@
 "use strict";
-/*****************************************************
- * Treble Config
- ****************************************************/
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DATATABLE_FORMATS = exports.WISHLIST_LOCALSTORAGE_KEY = exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = exports.ASSET_TYPES = exports.ATTRIBUTE_TYPES = exports.DEFAULT_PLAYER_CONFIG = exports.TK_PLAYER_ROOT_DIV = exports.TK_PLAYER_LOADER_DIV = exports.TK_SAVED_CONFIG_PARAM_KEY = exports.TK_PRODUCT_ID_PARAM_KEY = exports.IS_TREBLE_SCRIPTS = exports.FORM_CLASS_NAME = exports.DISPLAY_CLASS_NAME = exports.TOOL_CLASS_NAME = exports.LAYOUT_CLASS_NAME = exports.WIDGET_CLASS_NAME = exports.INPUT_COMPONENT_CLASS_NAME = exports.CLASS_NAME_PREFIX = exports.DEFAULT_CLASS_NAME = exports.TREBLE_DEBUG = void 0;
@@ -15,39 +12,18 @@ exports.TOOL_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(expo
 exports.DISPLAY_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-display");
 exports.FORM_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-form");
 exports.IS_TREBLE_SCRIPTS = ((_a = process.env.TREBLE_SCRIPTS) === null || _a === void 0 ? void 0 : _a.toString()) === 'true';
-/*****************************************************
- * Treble Products Workflow
- ****************************************************/
 exports.TK_PRODUCT_ID_PARAM_KEY = 'tkProduct';
-/*****************************************************
- * Saved Configuration Workflow
- ****************************************************/
 exports.TK_SAVED_CONFIG_PARAM_KEY = 'tkConfigId';
-/*****************************************************
- * Threekit Player Initialization Defaults
- ****************************************************/
 exports.TK_PLAYER_LOADER_DIV = 'tk-ply-loader';
 exports.TK_PLAYER_ROOT_DIV = 'tk-ply-root';
 exports.DEFAULT_PLAYER_CONFIG = {
-    // authToken: undefined,
-    // elementId: undefined,
-    // cache: undefined,
-    // stageId: undefined,
-    // assetId: undefined,
     showConfigurator: false,
-    // initialConfiguration: undefined,
     showLoadingThumbnail: false,
     showLoadingProgress: true,
-    // onLoadingProgress: undefined,
     showAR: false,
     showShare: false,
-    // locale: undefined,
     allowMobileVerticalOrbit: false,
-    // publishStage: undefined,
 };
-/*****************************************************
- * Attributes
- ****************************************************/
 exports.ATTRIBUTE_TYPES = {
     asset: 'Asset',
     string: 'String',
@@ -66,9 +42,6 @@ exports.SORT_OPTIONS = {
 exports.ATTRIBUTES_RESERVED = {
     camera: '_camera',
 };
-/*****************************************************
- * Reserved Catalog Item Metadata Properties
- ****************************************************/
 exports.METADATA_RESERVED = {
     description: '_description',
     thumbnail: '_thumbnail',
@@ -80,9 +53,6 @@ exports.METADATA_RESERVED = {
     rotate: '_rotate',
     scale: '_scale',
 };
-/*****************************************************
- * Snapshot
- ****************************************************/
 exports.SNAPSHOT_FORMATS = {
     png: 'png',
     jpeg: 'jpeg',
@@ -94,13 +64,7 @@ exports.SNAPSHOT_OUTPUTS = {
     blob: 'blob',
     file: 'file',
 };
-/*****************************************************
- * Wishlist
- ****************************************************/
 exports.WISHLIST_LOCALSTORAGE_KEY = 'tk_wishlist';
-/*****************************************************
- * Datatables
- ****************************************************/
 exports.DATATABLE_FORMATS = {
     csv: 'csv',
     json: 'json',

package/dist/hooks/useAttribute/index.d.ts

@@ -6,5 +6,5 @@ declare type UseAttributeSuccess = [
     (val: RawAttributeValue) => Promise<void>
 ];
 declare type UseAttributeHook = UseAttributeError | UseAttributeSuccess;
-declare const useAttribute: (attributeName?: string | undefined) => UseAttributeHook;
+declare const useAttribute: (attributeName?: string) => UseAttributeHook;
 export default useAttribute;

package/dist/hooks/useAttribute/index.js

@@ -62,17 +62,17 @@ var useAttribute = function (attributeName) {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!(attribute.type === 'Asset' && attribute.assetType === 'upload')) return [3 /*break*/, 4];
-                    if (!!value) return [3 /*break*/, 1];
+                    if (!(attribute.type === 'Asset' && attribute.assetType === 'upload')) return [3, 4];
+                    if (!!value) return [3, 1];
                     preppedValue = (0, utils_1.selectionToConfiguration)('', attribute.type);
-                    return [3 /*break*/, 3];
-                case 1: return [4 /*yield*/, api_1.default.catalog.uploadAsset(value)];
+                    return [3, 3];
+                case 1: return [4, api_1.default.catalog.uploadAsset(value)];
                 case 2:
                     assetId = _b.sent();
                     if (assetId)
                         preppedValue = (0, utils_1.selectionToConfiguration)(assetId, attribute.type);
                     _b.label = 3;
-                case 3: return [3 /*break*/, 5];
+                case 3: return [3, 5];
                 case 4:
                     preppedValue = (0, utils_1.selectionToConfiguration)(value, attribute.type);
                     _b.label = 5;
@@ -80,7 +80,7 @@ var useAttribute = function (attributeName) {
                     dispatch((0, attributes_1.setConfiguration)((_a = {},
                         _a[attributeName] = preppedValue,
                         _a)));
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };

package/dist/hooks/useConfigurationLoader/index.js

@@ -50,16 +50,16 @@ var useConfigurationLoader = function () {
             switch (_a.label) {
                 case 0:
                     if (!configurationId)
-                        return [2 /*return*/];
-                    return [4 /*yield*/, api_1.default.configurations.fetch(configurationId)];
+                        return [2];
+                    return [4, api_1.default.configurations.fetch(configurationId)];
                 case 1:
                     configuration = _a.sent();
                     if (!configuration)
-                        return [2 /*return*/];
-                    return [4 /*yield*/, dispatch((0, attributes_1.setConfiguration)(configuration.data.variant))];
+                        return [2];
+                    return [4, dispatch((0, attributes_1.setConfiguration)(configuration.data.variant))];
                 case 2:
                     _a.sent();
-                    return [2 /*return*/, Promise.resolve()];
+                    return [2, Promise.resolve()];
             }
         });
     }); };

package/dist/hooks/useLoadingProgress/index.d.ts

@@ -0,0 +1,2 @@
+declare const useLoadingProgress: () => number;
+export default useLoadingProgress;

package/dist/hooks/useLoadingProgress/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var store_1 = require("../../store");
+var treble_1 = require("../../store/treble");
+var useLoadingProgress = function () {
+    var progress = (0, store_1.useThreekitSelector)(treble_1.getLoadingProgress);
+    return progress;
+};
+exports.default = useLoadingProgress;

package/dist/hooks/useNestedConfigurator/index.js

@@ -75,14 +75,14 @@ var useNestedConfigurator = function (address) {
             switch (_c.label) {
                 case 0:
                     dispatch((0, treble_1.setPlayerLoading)(true));
-                    return [4 /*yield*/, ((_a = configurator.current) === null || _a === void 0 ? void 0 : _a.setConfiguration(config))];
+                    return [4, ((_a = configurator.current) === null || _a === void 0 ? void 0 : _a.setConfiguration(config))];
                 case 1:
                     _c.sent();
                     dispatch((0, treble_1.setPlayerLoading)(false));
                     updatedAttrs = (_b = configurator.current) === null || _b === void 0 ? void 0 : _b.getDisplayAttributes();
                     if (updatedAttrs)
                         setAttributes(updatedAttrs);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };

package/dist/hooks/usePlayer/index.d.ts

@@ -0,0 +1,3 @@
+declare type UsePlayer = [undefined] | [(node: null | HTMLDivElement) => void];
+declare const usePlayer: () => UsePlayer;
+export default usePlayer;