@threekit-tools/treble 0.0.79 → 0.0.82

package/dist/Treble/Snapshots.d.ts

@@ -17,11 +17,11 @@ interface IGetSnapshot {
 }
 interface ISnapshots {
     getSnapshot(snapshotConfig: IGetSnapshot): Promise<string>;
-    takeSnapshots(cameras: ISnapshotsCameras, config: ITakeSnapshotsConfig): Promise<void | string[] | Blob[] | null>;
+    takeSnapshots(cameras: ISnapshotsCameras, config: ITakeSnapshotsConfig): Promise<void | string[] | Blob[] | File[] | null>;
 }
 declare class Snapshots implements ISnapshots {
     constructor();
     getSnapshot: ({ size, format }: IGetSnapshot) => Promise<string>;
-    takeSnapshots: (camerasList: ISnapshotsCameras, snapshotsConfig: ITakeSnapshotsConfig) => Promise<void | string[] | Blob[] | null>;
+    takeSnapshots: (camerasList: ISnapshotsCameras, snapshotsConfig: ITakeSnapshotsConfig) => Promise<void | string[] | Blob[] | File[] | null>;
 }
 export default Snapshots;

package/dist/Treble/Treble.d.ts

@@ -22,13 +22,13 @@ declare class Treble {
     takeSnapshots: Snapshots['takeSnapshots'];
     _debugMode: boolean;
     constructor({ player, orgId, initialConfiguration }: ITreble);
-    saveConfiguration: (config?: Omit<ISaveConfiguration, "configuration"> | undefined) => Promise<{
+    saveConfiguration: (config?: Partial<Omit<ISaveConfiguration, 'configuration'>>) => Promise<{
         resumableUrl: string;
     } & import("../http/configurations").IConfigurationResponse & {
         thumbnail: string;
     }>;
     getNestedConfigurator: (address: string | Array<string>) => undefined | IThreekitPrivateConfigurator;
-    resetConfiguration: (configuration?: ISetConfiguration | undefined) => void;
+    resetConfiguration: (configuration?: ISetConfiguration) => void;
     sendEmail: (credentials: IEmailShareCredentials, templateData: Record<string, any>) => Promise<import("../http/server").IPostEmailResponse>;
 }
 export default Treble;

package/dist/Treble/Treble.js

@@ -47,8 +47,8 @@ var Wishlist_1 = __importDefault(require("./Wishlist"));
 var Snapshots_1 = __importDefault(require("./Snapshots"));
 var Treble = /** @class */ (function () {
     function Treble(_a) {
-        var _this = this;
         var player = _a.player, orgId = _a.orgId, initialConfiguration = _a.initialConfiguration;
+        var _this = this;
         this.saveConfiguration = function (config) { return __awaiter(_this, void 0, void 0, function () {
             var threekitDomain, _a, customerId, metadata, productVersion, attachments, player, response, params, url;
             var _b;

package/dist/Treble/Wishlist.d.ts

@@ -3,7 +3,7 @@ import { ISaveConfiguration } from '../api/configurations';
 export declare type WishlistArray = Array<IConfigurationResponse>;
 export interface IWishlist {
     getWishlist(): Promise<Array<IConfigurationResponse>>;
-    addItem(config?: Omit<ISaveConfiguration, 'configurator'>): Promise<Array<IConfigurationResponse>>;
+    addItem(config?: Omit<ISaveConfiguration, 'configuration'>): Promise<Array<IConfigurationResponse>>;
     removeItemByIdx(idx: number): Array<IConfigurationResponse>;
     clearWishlist(): Array<IConfigurationResponse>;
 }
@@ -11,7 +11,7 @@ declare class Wishlist implements IWishlist {
     _wishlistKey: string;
     constructor(orgId: string);
     getWishlist: () => Promise<WishlistArray>;
-    addItem: (config?: Omit<ISaveConfiguration, "configurator"> | undefined) => Promise<WishlistArray>;
+    addItem: () => Promise<WishlistArray>;
     removeItemByIdx: (idx: number) => WishlistArray;
     clearWishlist: () => WishlistArray;
 }

package/dist/Treble/Wishlist.js

@@ -49,39 +49,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var api_1 = __importDefault(require("../api"));
-var connection_1 = __importDefault(require("../connection"));
 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 threekitDomain, wishlistListStr, wishlistList, wishlistDataRaw;
+            var wishlistListStr, wishlistList, wishlistDataRaw;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (wishlistData)
                             return [2 /*return*/, wishlistData];
-                        threekitDomain = connection_1.default.getConnection().threekitDomain;
                         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) {
-                            var _a;
-                            return Object.assign({}, el.data, ((_a = el.data.thumbnail) === null || _a === void 0 ? void 0 : _a.length)
-                                ? {
-                                    thumbnail: "".concat(threekitDomain, "/api/files/hash/").concat(el.data.thumbnail),
-                                }
-                                : undefined);
-                        });
+                        wishlistData = wishlistDataRaw.map(function (el) { return el.data; });
                         return [2 /*return*/, wishlistData];
                 }
             });
         }); };
-        this.addItem = function (config) { return __awaiter(_this, void 0, void 0, function () {
-            var configPrepped, savedConfiguration, wishlistListStr, wishlistList;
+        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:
@@ -89,9 +80,16 @@ var Wishlist = /** @class */ (function () {
                             wishlistData = [];
                             localStorage.setItem(this._wishlistKey, JSON.stringify([]));
                         }
-                        configPrepped = Object.assign({ snapshot: true }, config);
-                        return [4 /*yield*/, window.threekit.treble.saveConfiguration(configPrepped)];
+                        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];

package/dist/Treble/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];

package/dist/api/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];

package/dist/components/Accordion/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];

package/dist/components/Drawer/index.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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];
@@ -39,7 +43,7 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var react_dom_1 = __importDefault(require("react-dom"));
 var drawer_styles_1 = require("./drawer.styles");
 var utils_1 = require("../../utils");
-var icons_1 = require("../../icons");
+var Remove_1 = __importDefault(require("../../icons/Remove"));
 var TRANSITION_DURATION = 0.2;
 var Drawer = function (props) {
     var title = props.title, children = props.children, handleClose = props.handleClose, showHeader = props.showHeader, className = props.className;
@@ -63,7 +67,7 @@ var Drawer = function (props) {
             showHeader ? (react_1.default.createElement(drawer_styles_1.Header, { className: "".concat(cls, " drawer-header") },
                 react_1.default.createElement("div", { className: "".concat(cls, " drawer-title") }, title),
                 react_1.default.createElement("div", { onClick: handleClickClose },
-                    react_1.default.createElement(icons_1.RemoveIcon, null)))) : null,
+                    react_1.default.createElement(Remove_1.default, null)))) : null,
             react_1.default.createElement(drawer_styles_1.Content, { className: "".concat(cls, " drawer-content") }, children))));
 };
 exports.Drawer = Drawer;

package/dist/components/Dropdown/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];
@@ -28,7 +32,7 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
 var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
 var dropdown_styles_1 = require("./dropdown.styles");
-var icons_1 = require("../../icons");
+var CaretDown_1 = __importDefault(require("../../icons/CaretDown"));
 var utils_1 = require("../../utils");
 var constants_1 = require("../../constants");
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
@@ -90,7 +94,7 @@ var Dropdown = function (props) {
                     react_1.default.createElement(Description, { description: selectedOpt === null || selectedOpt === void 0 ? void 0 : selectedOpt.description, className: "".concat(cls, " selected") })),
                 react_1.default.createElement(Price, { price: selectedOpt === null || selectedOpt === void 0 ? void 0 : selectedOpt.price, className: cls }),
                 react_1.default.createElement(dropdown_styles_1.IconWrapper, null,
-                    react_1.default.createElement(icons_1.CaretDownIcon, null))),
+                    react_1.default.createElement(CaretDown_1.default, null))),
             react_1.default.createElement(dropdown_styles_1.DropdownOptions, { hide: hide, dropdownMaxHeight: dropdownMaxHeight },
                 react_1.default.createElement("div", null, options === null || options === void 0 ? void 0 : options.map(function (el, i) {
                     var _a = Object.assign({}, el, {

package/dist/components/FlatForm/index.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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];

package/dist/components/Modal/index.js

@@ -20,14 +20,14 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var react_dom_1 = __importDefault(require("react-dom"));
 var modal_styles_1 = require("./modal.styles");
 var utils_1 = require("../../utils");
-var icons_1 = require("../../icons");
+var Remove_1 = __importDefault(require("../../icons/Remove"));
 var ModalComponent = function (props) {
     var title = props.title, children = props.children, handleClose = props.handleClose, showHeader = props.showHeader, className = props.className;
     return (react_1.default.createElement(modal_styles_1.Wrapper, { onClick: function (e) { return e.stopPropagation(); }, className: "".concat(className, " modal-main") },
         showHeader ? (react_1.default.createElement(modal_styles_1.Header, { className: "".concat(className, " modal-header") },
             react_1.default.createElement("div", { className: "".concat(className, " modal-title") }, title),
             react_1.default.createElement("div", { onClick: handleClose },
-                react_1.default.createElement(icons_1.RemoveIcon, null)))) : null,
+                react_1.default.createElement(Remove_1.default, null)))) : null,
         react_1.default.createElement(modal_styles_1.Content, { className: "".concat(className, " modal-content") }, children)));
 };
 exports.ModalComponent = ModalComponent;

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

@@ -7,7 +7,6 @@ export interface PlayerProps extends IProps {
     width?: string;
     minHeight?: string;
 }
-export declare const PLAYER_DIV_ID = "tk-player-component";
 declare const Player: {
     (props: PlayerProps): JSX.Element;
     TopLeftWidgets(props: IProps): JSX.Element;

package/dist/components/Player/index.js

@@ -1,33 +1,12 @@
 "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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PLAYER_DIV_ID = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var player_styles_1 = require("./player.styles");
 var constants_1 = require("../../constants");
-var usePlayerPortal_1 = __importDefault(require("../../hooks/usePlayerPortal"));
-exports.PLAYER_DIV_ID = 'tk-player-component';
+var usePlayer_1 = __importDefault(require("../../hooks/usePlayer"));
 var className = "".concat(constants_1.DEFAULT_CLASS_NAME, " ").concat(constants_1.CLASS_NAME_PREFIX, "-player");
 var Player = function (props) {
     var _a = Object.assign({
@@ -35,22 +14,9 @@ var Player = function (props) {
         minHeight: '600px',
         width: '100%',
     }, props), height = _a.height, width = _a.width, minHeight = _a.minHeight, children = _a.children;
-    var _b = (0, usePlayerPortal_1.default)(), portalPlayerTo = _b[0], portalBack = _b[1];
-    var hasMoved = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
-        if (portalPlayerTo && !hasMoved.current) {
-            portalPlayerTo(exports.PLAYER_DIV_ID);
-            hasMoved.current = true;
-        }
-        return function () {
-            if (portalBack) {
-                portalBack();
-                hasMoved.current = false;
-            }
-        };
-    }, [portalPlayerTo]);
+    var playerRef = (0, usePlayer_1.default)()[0];
     return (react_1.default.createElement(player_styles_1.Wrapper, { height: height, width: width, minHeight: minHeight, className: className },
-        react_1.default.createElement("div", { id: exports.PLAYER_DIV_ID }),
+        react_1.default.createElement("div", { ref: playerRef }),
         children));
 };
 Player.TopLeftWidgets = function (props) {

package/dist/components/PortalToArOverlay/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];

package/dist/components/Share/index.js

@@ -7,7 +7,7 @@ exports.Share = void 0;
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var Button_1 = __importDefault(require("../Button"));
-var icons_1 = require("../../icons");
+var Share_1 = __importDefault(require("../../icons/Share"));
 var useThreekitInitStatus_1 = __importDefault(require("../../hooks/useThreekitInitStatus"));
 var useShare_1 = __importDefault(require("../../hooks/useShare"));
 var utils_1 = require("../../utils");
@@ -21,7 +21,7 @@ var Share = function (props) {
     var handleClick = function () {
         handleShare(message);
     };
-    return (react_1.default.createElement(Button_1.default, { className: cls, shape: shape, type: type, icon: icons_1.ShareIcon.iconName, onClick: handleClick }));
+    return (react_1.default.createElement(Button_1.default, { className: cls, shape: shape, type: type, icon: Share_1.default.iconName, onClick: handleClick }));
 };
 exports.Share = Share;
 exports.Share.propTypes = {

package/dist/components/Snapshots/index.js

@@ -7,7 +7,7 @@ exports.Snapshots = void 0;
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var Button_1 = __importDefault(require("../Button"));
-var icons_1 = require("../../icons");
+var Download_1 = __importDefault(require("../../icons/Download"));
 var useThreekitInitStatus_1 = __importDefault(require("../../hooks/useThreekitInitStatus"));
 var useSnapshot_1 = __importDefault(require("../../hooks/useSnapshot"));
 var utils_1 = require("../../utils");
@@ -19,7 +19,7 @@ var Snapshots = function (props) {
     if (!hasLoaded)
         return null;
     var cls = (0, utils_1.generateWidgetClassName)('snapshots', className);
-    return (react_1.default.createElement(Button_1.default, { className: cls, shape: shape, type: type, icon: icons_1.DownloadIcon.iconName, onClick: takeSnapshot }));
+    return (react_1.default.createElement(Button_1.default, { className: cls, shape: shape, type: type, icon: Download_1.default.iconName, onClick: takeSnapshot }));
 };
 exports.Snapshots = Snapshots;
 exports.Snapshots.propTypes = {

package/dist/components/Tabs/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];

package/dist/components/ThreekitProvider/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];
@@ -25,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var store_1 = __importStar(require("../../store"));
 var treble_1 = require("../../store/treble");
+var constants_1 = require("../../constants");
 var react_redux_1 = require("react-redux");
 var styled_components_1 = require("styled-components");
 var theme_1 = __importDefault(require("../../theme"));
@@ -32,12 +37,13 @@ var GlobalStyles_styles_1 = __importDefault(require("./GlobalStyles.styles"));
 var DevTools_1 = __importDefault(require("../DevTools"));
 var App = function (props) {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var playerConfig = props.playerConfig, productId = props.productId, project = props.project, locale = props.locale, threekitEnv = props.threekitEnv, eventHandlers = props.eventHandlers;
+    var playerConfig = props.playerConfig, assetId = props.assetId, productId = props.productId, project = props.project, locale = props.locale, threekitEnv = props.threekitEnv, eventHandlers = props.eventHandlers;
     (0, react_1.useEffect)(function () {
         var init = function () {
             dispatch((0, treble_1.launch)({
                 playerConfig: playerConfig,
                 productId: productId,
+                assetId: assetId,
                 project: project,
                 locale: locale,
                 threekitEnv: threekitEnv,
@@ -53,7 +59,7 @@ var ThreekitProvider = function (props) {
     return (react_1.default.createElement(react_redux_1.Provider, { store: (0, store_1.default)(props.reducer) },
         react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
             react_1.default.createElement(GlobalStyles_styles_1.default, null),
-            react_1.default.createElement(App, { locale: props.locale, productId: props.productId, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children),
-            react_1.default.createElement(DevTools_1.default, null))));
+            react_1.default.createElement(App, { locale: props.locale, assetId: props.assetId, productId: props.productId, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children),
+            constants_1.TREBLE_DEBUG ? null : react_1.default.createElement(DevTools_1.default, null))));
 };
 exports.default = ThreekitProvider;

package/dist/components/TrebleApp/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];

package/dist/components/Upload/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,13 +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 Add_1 = __importDefault(require("../../icons/Add"));
+var Delete_1 = __importDefault(require("../../icons/Delete"));
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var upload_styles_1 = require("./upload.styles");
 var Upload = function (props) {
-    var _a, _b;
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, customClassName = props.className;
-    var _c = (0, react_1.useState)(false), isUploading = _c[0], setIsUploading = _c[1];
+    var _a = (0, react_1.useState)(false), isUploading = _a[0], setIsUploading = _a[1];
     var inputRef = (0, react_1.useRef)(null);
     var imgRef = (0, react_1.useRef)(null);
     var cls = (0, utils_1.generateInputClassName)('upload', customClassName, title);
@@ -110,7 +115,7 @@ var Upload = function (props) {
     return (react_1.default.createElement(shared_styles_1.FormComponentWrapper, null,
         react_1.default.createElement(FormComponentTitle_1.default, { title: title, className: cls }),
         react_1.default.createElement(FormComponentDescription_1.default, { description: description, className: cls }),
-        react_1.default.createElement(upload_styles_1.UploadWrapper, { className: cls, uploaded: !!(!isUploading && ((_a = value) === null || _a === void 0 ? void 0 : _a.length)) },
+        react_1.default.createElement(upload_styles_1.UploadWrapper, { className: cls, uploaded: !!(!isUploading && (value === null || value === void 0 ? void 0 : value.length)) },
             react_1.default.createElement("input", { type: "file", ref: inputRef, onChange: function (e) { return __awaiter(void 0, void 0, void 0, function () {
                     var _a;
                     return __generator(this, function (_b) {
@@ -122,8 +127,8 @@ var Upload = function (props) {
                 }); } }),
             react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(upload_styles_1.IconWrapper, null,
-                    react_1.default.createElement(icons_1.SpinnerIcon, { size: "28px" })),
-                react_1.default.createElement("div", null, "Uploading..."))) : ((_b = value) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(upload_styles_1.ImageWrapper, 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(upload_styles_1.ImageWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("img", { ref: imgRef, src: "#" })),
                 react_1.default.createElement(upload_styles_1.ImageActionArea, null,
@@ -131,9 +136,9 @@ var Upload = function (props) {
                             handleUpload(undefined);
                             e.stopPropagation();
                         } },
-                        react_1.default.createElement(icons_1.DeleteIcon, null))))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(Delete_1.default, null))))) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(upload_styles_1.IconWrapper, null,
-                    react_1.default.createElement(icons_1.AddIcon, null)),
+                    react_1.default.createElement(Add_1.default, null)),
                 react_1.default.createElement("div", null, "Upload")))))));
 };
 exports.Upload = Upload;

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);
@@ -120,15 +124,15 @@ var UploadArea = function (props) {
                 }); } }),
             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

@@ -30,6 +30,6 @@ export declare const Wishlist: {
         type: string;
     };
     componentName: string;
-    Icon: import("../../icons").IIcon;
+    Icon: import("../..").IIcon;
 };
 export default Wishlist;