@threekit-tools/treble 0.0.80 → 0.0.83

package/dist/hooks/usePlayer/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var treble_1 = require("../../store/treble");
+var constants_1 = require("../../constants");
+var usePlayer = function () {
+    var playerElRef = (0, react_1.useRef)(null);
+    var playerLoaderRef = (0, react_1.useRef)(null);
+    var playerWrapperRef = (0, react_1.useRef)(null);
+    var playerElementId = (0, react_redux_1.useSelector)(treble_1.getPlayerElementId);
+    var playerRef = (0, react_1.useCallback)(function (node) {
+        var _a;
+        if (node !== null) {
+            playerWrapperRef.current = node;
+            if (!playerElementId)
+                return;
+            playerElRef.current = document.getElementById(playerElementId);
+            (_a = playerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(playerElRef.current);
+            return;
+        }
+    }, [playerElementId]);
+    (0, react_1.useEffect)(function () { return function () {
+        if (!playerElRef.current)
+            return;
+        if (!playerLoaderRef.current)
+            playerLoaderRef.current = document.getElementById(constants_1.TK_PLAYER_LOADER_DIV);
+        if (!playerElRef.current)
+            throw new Error('Move from element not found');
+        if (!playerLoaderRef.current)
+            throw new Error('Player Loader element not found');
+        playerLoaderRef.current.appendChild(playerElRef.current);
+    }; }, []);
+    if (!playerElementId)
+        return [undefined];
+    return [playerRef];
+};
+exports.default = usePlayer;

package/dist/hooks/useShare/index.js

@@ -53,15 +53,15 @@ var useShare = function () {
             var configuration;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, window.threekit.treble.saveConfiguration()];
+                    case 0: return [4, window.threekit.treble.saveConfiguration()];
                     case 1:
                         configuration = _a.sent();
                         if (!configuration)
-                            return [2 /*return*/, Promise.resolve(undefined)];
+                            return [2, Promise.resolve(undefined)];
                         (0, utils_1.copyToClipboard)(configuration.resumableUrl);
                         if (msg === null || msg === void 0 ? void 0 : msg.length)
                             message_1.default.info(msg);
-                        return [2 /*return*/, Promise.resolve((configuration === null || configuration === void 0 ? void 0 : configuration.resumableUrl) || undefined)];
+                        return [2, Promise.resolve((configuration === null || configuration === void 0 ? void 0 : configuration.resumableUrl) || undefined)];
                 }
             });
         });

package/dist/hooks/useSingleAnimation/index.js

@@ -61,7 +61,7 @@ var prepAnimateConfig = function (config) {
                 case 0:
                     totalDuration = config.duration * 1000 || 0;
                     player = window.threekit.player.enableApi('player');
-                    return [4 /*yield*/, player.getAssetInstance(window.threekit.player.scene.find({
+                    return [4, player.getAssetInstance(window.threekit.player.scene.find({
                             id: window.threekit.player.instanceId,
                             plug: 'Proxy',
                             property: 'asset',
@@ -129,7 +129,7 @@ var prepAnimateConfig = function (config) {
                             _b));
                     }, {});
                     resolve([assetId, totalDuration, nodes]);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); });
@@ -147,25 +147,19 @@ var useAnimation = function (animationConfig) {
     if (!isLoaded)
         return [undefined, undefined];
     var animateFrame = function (timestamp) {
-        // if (startTime.current === undefined) startTime.current = timestamp;
-        // const elapsed = timestamp - startTime.current;
         if (ref.current.startTime === undefined)
             ref.current.startTime = timestamp;
         var elapsed = timestamp - ref.current.startTime;
         Object.values(ref.current.nodes).forEach(function (nodeConfig) {
             if (!ref.current.isTransformed) {
-                //    If its too early we don't animate
                 if (elapsed < nodeConfig.paddingStart)
                     return;
-                //    If its too early we don't animate
                 if (elapsed > nodeConfig.duration + nodeConfig.paddingStart)
                     return;
             }
             else if (ref.current.isTransformed) {
-                //    If its too early we don't animate
                 if (elapsed < nodeConfig.paddingEnd)
                     return;
-                //    If its too early we don't animate
                 if (elapsed > nodeConfig.duration + nodeConfig.paddingEnd)
                     return;
             }
@@ -246,8 +240,8 @@ var useAnimation = function (animationConfig) {
             switch (_b.label) {
                 case 0:
                     ref.current.startTime = undefined;
-                    if (!!ref.current.nodes) return [3 /*break*/, 2];
-                    return [4 /*yield*/, prepAnimateConfig(animationConfig)];
+                    if (!!ref.current.nodes) return [3, 2];
+                    return [4, prepAnimateConfig(animationConfig)];
                 case 1:
                     _a = _b.sent(), ref.current.assetId = _a[0], ref.current.totalDuration = _a[1], ref.current.nodes = _a[2];
                     ref.current.isTransformed = false;
@@ -255,7 +249,7 @@ var useAnimation = function (animationConfig) {
                 case 2:
                     setAnimationInProgress(true);
                     window.requestAnimationFrame(animateFrame);
-                    return [2 /*return*/];
+                    return [2];
             }
         });
     }); };

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

@@ -1,3 +1,3 @@
 import { ISnapshotsCameras, ITakeSnapshotsConfig } from '../../Treble';
-declare const useSnapshot: (cameras: ISnapshotsCameras, config: ITakeSnapshotsConfig) => (() => Promise<void | string[] | Blob[] | null>) | undefined;
+declare const useSnapshot: (cameras: ISnapshotsCameras, config: ITakeSnapshotsConfig) => (() => Promise<void | string[] | File[] | Blob[] | null>) | undefined;
 export default useSnapshot;

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

@@ -7,7 +7,7 @@ interface HydratedWishlistItem extends IConfigurationResponse {
 }
 declare type UseWishlistHook = [
     Array<HydratedWishlistItem>,
-    (config?: Omit<ISaveConfiguration, 'configurator'>) => void,
+    (config?: Omit<ISaveConfiguration, 'configuration'>) => void,
     () => void
 ] | [undefined, undefined, undefined];
 declare const useWishlist: () => UseWishlistHook;

package/dist/http/datatables.js

@@ -16,7 +16,6 @@ var getDatatable = function (datatableId) {
         error = 'Requires a datatableId';
     if (error)
         throw new Error(error);
-    //   return threekitRequest.get<Array<IDatatable>>(
     return request_1.default.get("".concat(DATATABLES_API_ROUTE, "/").concat(datatableId, "/download"));
 };
 exports.getDatatable = getDatatable;

package/dist/http/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/icons/Spinner.js

@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 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/icons/index.d.ts

@@ -1,49 +1,8 @@
 import React from 'react';
-import AddIcon from './Add';
-import ArrowLeftIcon from './ArrowLeft';
-import ArrowRightIcon from './ArrowRight';
-import CameraIcon from './Camera';
-import CaretDownIcon from './CaretDown';
-import CaretUpIcon from './CaretUp';
-import CaretLeftIcon from './CaretLeft';
-import CaretRightIcon from './CaretRight';
-import CartIcon from './Cart';
-import CheckmateIcon from './Checkmate';
-import ClipboardIcon from './Clipboard';
-import ColorPickerIcon from './ColorPicker';
-import CopyIcon from './Copy';
-import DeleteIcon from './Delete';
-import DoubleCaretLeftIcon from './DoubleCaretLeft';
-import DoubleCaretRightIcon from './DoubleCaretRight';
-import DownloadIcon from './Download';
-import DragIcon from './Drag';
-import EditIcon from './Edit';
-import HeartIcon from './Heart';
-import ImageIcon from './Image';
-import InfoIcon from './Info';
-import MailIcon from './Mail';
-import MenuIcon from './Menu';
-import MoreIcon from './More';
-import NewWindowIcon from './NewWindow';
-import PauseIcon from './Pause';
-import PlayIcon from './Play';
-import RedoIcon from './Redo';
-import RemoveIcon from './Remove';
-import RulerIcon from './Ruler';
-import SearchIcon from './Search';
-import SettingsIcon from './Settings';
-import ShareIcon from './Share';
-import SwitchIcon from './Switch';
-import TagIcon from './Tag';
-import UndoIcon from './Undo';
-import WishlistIcon from './Wishlist';
-import ZoomInIcon from './ZoomIn';
-import ZoomOutIcon from './ZoomOut';
 import SpinnerIcon from './Spinner';
 export interface IIcon extends React.FC {
     iconName: string;
 }
-export { AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, };
 declare const _default: {
     [x: string]: IIcon | typeof SpinnerIcon;
 };

package/dist/icons/index.js

@@ -4,89 +4,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = void 0;
 var Add_1 = __importDefault(require("./Add"));
-exports.AddIcon = Add_1.default;
 var ArrowLeft_1 = __importDefault(require("./ArrowLeft"));
-exports.ArrowLeftIcon = ArrowLeft_1.default;
 var ArrowRight_1 = __importDefault(require("./ArrowRight"));
-exports.ArrowRightIcon = ArrowRight_1.default;
 var Camera_1 = __importDefault(require("./Camera"));
-exports.CameraIcon = Camera_1.default;
 var CaretDown_1 = __importDefault(require("./CaretDown"));
-exports.CaretDownIcon = CaretDown_1.default;
 var CaretUp_1 = __importDefault(require("./CaretUp"));
-exports.CaretUpIcon = CaretUp_1.default;
 var CaretLeft_1 = __importDefault(require("./CaretLeft"));
-exports.CaretLeftIcon = CaretLeft_1.default;
 var CaretRight_1 = __importDefault(require("./CaretRight"));
-exports.CaretRightIcon = CaretRight_1.default;
 var Cart_1 = __importDefault(require("./Cart"));
-exports.CartIcon = Cart_1.default;
 var Checkmate_1 = __importDefault(require("./Checkmate"));
-exports.CheckmateIcon = Checkmate_1.default;
 var Clipboard_1 = __importDefault(require("./Clipboard"));
-exports.ClipboardIcon = Clipboard_1.default;
 var ColorPicker_1 = __importDefault(require("./ColorPicker"));
-exports.ColorPickerIcon = ColorPicker_1.default;
 var Copy_1 = __importDefault(require("./Copy"));
-exports.CopyIcon = Copy_1.default;
 var Delete_1 = __importDefault(require("./Delete"));
-exports.DeleteIcon = Delete_1.default;
 var DoubleCaretLeft_1 = __importDefault(require("./DoubleCaretLeft"));
-exports.DoubleCaretLeftIcon = DoubleCaretLeft_1.default;
 var DoubleCaretRight_1 = __importDefault(require("./DoubleCaretRight"));
-exports.DoubleCaretRightIcon = DoubleCaretRight_1.default;
 var Download_1 = __importDefault(require("./Download"));
-exports.DownloadIcon = Download_1.default;
 var Drag_1 = __importDefault(require("./Drag"));
-exports.DragIcon = Drag_1.default;
 var Edit_1 = __importDefault(require("./Edit"));
-exports.EditIcon = Edit_1.default;
 var Heart_1 = __importDefault(require("./Heart"));
-exports.HeartIcon = Heart_1.default;
 var Image_1 = __importDefault(require("./Image"));
-exports.ImageIcon = Image_1.default;
 var Info_1 = __importDefault(require("./Info"));
-exports.InfoIcon = Info_1.default;
 var Mail_1 = __importDefault(require("./Mail"));
-exports.MailIcon = Mail_1.default;
 var Menu_1 = __importDefault(require("./Menu"));
-exports.MenuIcon = Menu_1.default;
 var More_1 = __importDefault(require("./More"));
-exports.MoreIcon = More_1.default;
 var NewWindow_1 = __importDefault(require("./NewWindow"));
-exports.NewWindowIcon = NewWindow_1.default;
 var Pause_1 = __importDefault(require("./Pause"));
-exports.PauseIcon = Pause_1.default;
 var Play_1 = __importDefault(require("./Play"));
-exports.PlayIcon = Play_1.default;
 var Redo_1 = __importDefault(require("./Redo"));
-exports.RedoIcon = Redo_1.default;
 var Remove_1 = __importDefault(require("./Remove"));
-exports.RemoveIcon = Remove_1.default;
 var Ruler_1 = __importDefault(require("./Ruler"));
-exports.RulerIcon = Ruler_1.default;
 var Search_1 = __importDefault(require("./Search"));
-exports.SearchIcon = Search_1.default;
 var Settings_1 = __importDefault(require("./Settings"));
-exports.SettingsIcon = Settings_1.default;
 var Share_1 = __importDefault(require("./Share"));
-exports.ShareIcon = Share_1.default;
 var Switch_1 = __importDefault(require("./Switch"));
-exports.SwitchIcon = Switch_1.default;
 var Tag_1 = __importDefault(require("./Tag"));
-exports.TagIcon = Tag_1.default;
 var Undo_1 = __importDefault(require("./Undo"));
-exports.UndoIcon = Undo_1.default;
 var Wishlist_1 = __importDefault(require("./Wishlist"));
-exports.WishlistIcon = Wishlist_1.default;
 var ZoomIn_1 = __importDefault(require("./ZoomIn"));
-exports.ZoomInIcon = ZoomIn_1.default;
 var ZoomOut_1 = __importDefault(require("./ZoomOut"));
-exports.ZoomOutIcon = ZoomOut_1.default;
 var Spinner_1 = __importDefault(require("./Spinner"));
-exports.SpinnerIcon = Spinner_1.default;
 exports.default = (_a = {},
     _a[Add_1.default.iconName] = Add_1.default,
     _a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,

package/dist/index.d.ts

@@ -13,6 +13,8 @@ import useShare from './hooks/useShare';
 import usePlayerPortal from './hooks/usePlayerPortal';
 import useProductCache from './hooks/useProductCache';
 import useNestedConfigurator from './hooks/useNestedConfigurator';
+import useLoadingProgress from './hooks/useLoadingProgress';
+import usePlayer from './hooks/usePlayer';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -42,8 +44,47 @@ import Zoom from './components/Zoom';
 import Snapshots from './components/Snapshots';
 import Wishlist from './components/Wishlist';
 import Share from './components/Share';
-import icons from './icons';
-export * from './icons';
 import TrebleApp from './components/TrebleApp';
 import ProductLayout from './components/ProductLayout';
-export { useAttribute, useConfigurator, useConfigurationLoader, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };
+import AddIcon from './icons/Add';
+import ArrowLeftIcon from './icons/ArrowLeft';
+import ArrowRightIcon from './icons/ArrowRight';
+import CameraIcon from './icons/Camera';
+import CaretDownIcon from './icons/CaretDown';
+import CaretUpIcon from './icons/CaretUp';
+import CaretLeftIcon from './icons/CaretLeft';
+import CaretRightIcon from './icons/CaretRight';
+import CartIcon from './icons/Cart';
+import CheckmateIcon from './icons/Checkmate';
+import ClipboardIcon from './icons/Clipboard';
+import ColorPickerIcon from './icons/ColorPicker';
+import CopyIcon from './icons/Copy';
+import DeleteIcon from './icons/Delete';
+import DoubleCaretLeftIcon from './icons/DoubleCaretLeft';
+import DoubleCaretRightIcon from './icons/DoubleCaretRight';
+import DownloadIcon from './icons/Download';
+import DragIcon from './icons/Drag';
+import EditIcon from './icons/Edit';
+import HeartIcon from './icons/Heart';
+import ImageIcon from './icons/Image';
+import InfoIcon from './icons/Info';
+import MailIcon from './icons/Mail';
+import MenuIcon from './icons/Menu';
+import MoreIcon from './icons/More';
+import NewWindowIcon from './icons/NewWindow';
+import PauseIcon from './icons/Pause';
+import PlayIcon from './icons/Play';
+import RedoIcon from './icons/Redo';
+import RemoveIcon from './icons/Remove';
+import RulerIcon from './icons/Ruler';
+import SearchIcon from './icons/Search';
+import SettingsIcon from './icons/Settings';
+import ShareIcon from './icons/Share';
+import SwitchIcon from './icons/Switch';
+import TagIcon from './icons/Tag';
+import UndoIcon from './icons/Undo';
+import WishlistIcon from './icons/Wishlist';
+import ZoomInIcon from './icons/ZoomIn';
+import ZoomOutIcon from './icons/ZoomOut';
+import SpinnerIcon from './icons/Spinner';
+export { useAttribute, useConfigurator, useConfigurationLoader, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, };

package/dist/index.js

@@ -1,20 +1,10 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
-//  Hooks
+exports.ArrowLeftIcon = exports.AddIcon = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
+exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -41,17 +31,18 @@ var useShare_1 = __importDefault(require("./hooks/useShare"));
 exports.useShare = useShare_1.default;
 var usePlayerPortal_1 = __importDefault(require("./hooks/usePlayerPortal"));
 exports.usePlayerPortal = usePlayerPortal_1.default;
-// import useSingleAnimation from './hooks/useSingleAnimation';
 var useProductCache_1 = __importDefault(require("./hooks/useProductCache"));
 exports.useProductCache = useProductCache_1.default;
 var useNestedConfigurator_1 = __importDefault(require("./hooks/useNestedConfigurator"));
 exports.useNestedConfigurator = useNestedConfigurator_1.default;
-//  Components
+var useLoadingProgress_1 = __importDefault(require("./hooks/useLoadingProgress"));
+exports.useLoadingProgress = useLoadingProgress_1.default;
+var usePlayer_1 = __importDefault(require("./hooks/usePlayer"));
+exports.usePlayer = usePlayer_1.default;
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
 exports.Player = Player_1.default;
-//  Form Components
 var Button_1 = __importDefault(require("./components/Button"));
 exports.Button = Button_1.default;
 var Cards_1 = __importDefault(require("./components/Cards"));
@@ -70,7 +61,6 @@ var Upload_1 = __importDefault(require("./components/Upload"));
 exports.Upload = Upload_1.default;
 var Switch_1 = __importDefault(require("./components/Switch"));
 exports.Switch = Switch_1.default;
-//  Display
 var ProductName_1 = __importDefault(require("./components/ProductName"));
 exports.ProductName = ProductName_1.default;
 var ProductDescription_1 = __importDefault(require("./components/ProductDescription"));
@@ -81,10 +71,8 @@ var AttributeValue_1 = __importDefault(require("./components/AttributeValue"));
 exports.AttributeValue = AttributeValue_1.default;
 var TotalPrice_1 = __importDefault(require("./components/TotalPrice"));
 exports.TotalPrice = TotalPrice_1.default;
-//  Messaging
 var message_1 = __importDefault(require("./components/message"));
 exports.message = message_1.default;
-//  Layouts
 var Modal_1 = __importDefault(require("./components/Modal"));
 exports.Modal = Modal_1.default;
 var Drawer_1 = __importDefault(require("./components/Drawer"));
@@ -93,17 +81,14 @@ var Accordion_1 = __importDefault(require("./components/Accordion"));
 exports.Accordion = Accordion_1.default;
 var Tabs_1 = __importDefault(require("./components/Tabs"));
 exports.Tabs = Tabs_1.default;
-//  Wrappers
 var PortalToArOverlay_1 = __importDefault(require("./components/PortalToArOverlay"));
 exports.PortalToArOverlay = PortalToArOverlay_1.default;
 var PortalToElement_1 = __importDefault(require("./components/PortalToElement"));
 exports.PortalToElement = PortalToElement_1.default;
 var AwaitThreekitLoad_1 = __importDefault(require("./components/AwaitThreekitLoad"));
 exports.AwaitThreekitLoad = AwaitThreekitLoad_1.default;
-//  Forms
 var FlatForm_1 = __importDefault(require("./components/FlatForm"));
 exports.FlatForm = FlatForm_1.default;
-//  Widgets
 var Zoom_1 = __importDefault(require("./components/Zoom"));
 exports.Zoom = Zoom_1.default;
 var Snapshots_1 = __importDefault(require("./components/Snapshots"));
@@ -112,12 +97,89 @@ var Wishlist_1 = __importDefault(require("./components/Wishlist"));
 exports.Wishlist = Wishlist_1.default;
 var Share_1 = __importDefault(require("./components/Share"));
 exports.Share = Share_1.default;
-//  Icons
-var icons_1 = __importDefault(require("./icons"));
-exports.icons = icons_1.default;
-__exportStar(require("./icons"), exports);
-//  Products - Multi-configurtors
 var TrebleApp_1 = __importDefault(require("./components/TrebleApp"));
 exports.TrebleApp = TrebleApp_1.default;
 var ProductLayout_1 = __importDefault(require("./components/ProductLayout"));
 exports.ProductLayout = ProductLayout_1.default;
+var Add_1 = __importDefault(require("./icons/Add"));
+exports.AddIcon = Add_1.default;
+var ArrowLeft_1 = __importDefault(require("./icons/ArrowLeft"));
+exports.ArrowLeftIcon = ArrowLeft_1.default;
+var ArrowRight_1 = __importDefault(require("./icons/ArrowRight"));
+exports.ArrowRightIcon = ArrowRight_1.default;
+var Camera_1 = __importDefault(require("./icons/Camera"));
+exports.CameraIcon = Camera_1.default;
+var CaretDown_1 = __importDefault(require("./icons/CaretDown"));
+exports.CaretDownIcon = CaretDown_1.default;
+var CaretUp_1 = __importDefault(require("./icons/CaretUp"));
+exports.CaretUpIcon = CaretUp_1.default;
+var CaretLeft_1 = __importDefault(require("./icons/CaretLeft"));
+exports.CaretLeftIcon = CaretLeft_1.default;
+var CaretRight_1 = __importDefault(require("./icons/CaretRight"));
+exports.CaretRightIcon = CaretRight_1.default;
+var Cart_1 = __importDefault(require("./icons/Cart"));
+exports.CartIcon = Cart_1.default;
+var Checkmate_1 = __importDefault(require("./icons/Checkmate"));
+exports.CheckmateIcon = Checkmate_1.default;
+var Clipboard_1 = __importDefault(require("./icons/Clipboard"));
+exports.ClipboardIcon = Clipboard_1.default;
+var ColorPicker_1 = __importDefault(require("./icons/ColorPicker"));
+exports.ColorPickerIcon = ColorPicker_1.default;
+var Copy_1 = __importDefault(require("./icons/Copy"));
+exports.CopyIcon = Copy_1.default;
+var Delete_1 = __importDefault(require("./icons/Delete"));
+exports.DeleteIcon = Delete_1.default;
+var DoubleCaretLeft_1 = __importDefault(require("./icons/DoubleCaretLeft"));
+exports.DoubleCaretLeftIcon = DoubleCaretLeft_1.default;
+var DoubleCaretRight_1 = __importDefault(require("./icons/DoubleCaretRight"));
+exports.DoubleCaretRightIcon = DoubleCaretRight_1.default;
+var Download_1 = __importDefault(require("./icons/Download"));
+exports.DownloadIcon = Download_1.default;
+var Drag_1 = __importDefault(require("./icons/Drag"));
+exports.DragIcon = Drag_1.default;
+var Edit_1 = __importDefault(require("./icons/Edit"));
+exports.EditIcon = Edit_1.default;
+var Heart_1 = __importDefault(require("./icons/Heart"));
+exports.HeartIcon = Heart_1.default;
+var Image_1 = __importDefault(require("./icons/Image"));
+exports.ImageIcon = Image_1.default;
+var Info_1 = __importDefault(require("./icons/Info"));
+exports.InfoIcon = Info_1.default;
+var Mail_1 = __importDefault(require("./icons/Mail"));
+exports.MailIcon = Mail_1.default;
+var Menu_1 = __importDefault(require("./icons/Menu"));
+exports.MenuIcon = Menu_1.default;
+var More_1 = __importDefault(require("./icons/More"));
+exports.MoreIcon = More_1.default;
+var NewWindow_1 = __importDefault(require("./icons/NewWindow"));
+exports.NewWindowIcon = NewWindow_1.default;
+var Pause_1 = __importDefault(require("./icons/Pause"));
+exports.PauseIcon = Pause_1.default;
+var Play_1 = __importDefault(require("./icons/Play"));
+exports.PlayIcon = Play_1.default;
+var Redo_1 = __importDefault(require("./icons/Redo"));
+exports.RedoIcon = Redo_1.default;
+var Remove_1 = __importDefault(require("./icons/Remove"));
+exports.RemoveIcon = Remove_1.default;
+var Ruler_1 = __importDefault(require("./icons/Ruler"));
+exports.RulerIcon = Ruler_1.default;
+var Search_1 = __importDefault(require("./icons/Search"));
+exports.SearchIcon = Search_1.default;
+var Settings_1 = __importDefault(require("./icons/Settings"));
+exports.SettingsIcon = Settings_1.default;
+var Share_2 = __importDefault(require("./icons/Share"));
+exports.ShareIcon = Share_2.default;
+var Switch_2 = __importDefault(require("./icons/Switch"));
+exports.SwitchIcon = Switch_2.default;
+var Tag_1 = __importDefault(require("./icons/Tag"));
+exports.TagIcon = Tag_1.default;
+var Undo_1 = __importDefault(require("./icons/Undo"));
+exports.UndoIcon = Undo_1.default;
+var Wishlist_2 = __importDefault(require("./icons/Wishlist"));
+exports.WishlistIcon = Wishlist_2.default;
+var ZoomIn_1 = __importDefault(require("./icons/ZoomIn"));
+exports.ZoomInIcon = ZoomIn_1.default;
+var ZoomOut_1 = __importDefault(require("./icons/ZoomOut"));
+exports.ZoomOutIcon = ZoomOut_1.default;
+var Spinner_1 = __importDefault(require("./icons/Spinner"));
+exports.SpinnerIcon = Spinner_1.default;

package/dist/store/attributes.d.ts

@@ -1,21 +1,9 @@
 import { RootState, ThreekitDispatch } from './index';
 import { ISetConfiguration, IThreekitDisplayAttribute } from '../types';
 import { ITranslationMap } from '../api/products';
-/*****************************************************
- * Types and Interfaces
- ****************************************************/
 export declare type AttributesState = Record<string, IThreekitDisplayAttribute>;
-/*****************************************************
- * Actions
- ****************************************************/
 export declare const setAttributes: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[attributes: IThreekitDisplayAttribute[]], Record<string, IThreekitDisplayAttribute>, "treble/attributes/set-attributes", never, never>;
-/*****************************************************
- * Slice
- ****************************************************/
 declare const reducer: import("redux").Reducer<AttributesState, import("redux").AnyAction>;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 export declare const getAttributes: (state: RootState) => AttributesState;
 export declare const getHydrationData: ((state: {
     treble: import("./treble").TrebleState;

package/dist/store/attributes.js

@@ -40,9 +40,6 @@ exports.setConfiguration = exports.getHydrationData = exports.getAttributes = ex
 var toolkit_1 = require("@reduxjs/toolkit");
 var treble_1 = require("./treble");
 var translations_1 = require("./translations");
-/*****************************************************
- * Actions
- ****************************************************/
 exports.setAttributes = (0, toolkit_1.createAction)('treble/attributes/set-attributes', function (attributes) {
     var payload = attributes.reduce(function (output, attr) {
         var _a;
@@ -50,13 +47,7 @@ exports.setAttributes = (0, toolkit_1.createAction)('treble/attributes/set-attri
     }, {});
     return { payload: payload };
 });
-/*****************************************************
- * State and Data
- ****************************************************/
 var initialState = {};
-/*****************************************************
- * Slice
- ****************************************************/
 var reducer = (0, toolkit_1.createSlice)({
     name: 'attributes',
     initialState: initialState,
@@ -74,25 +65,21 @@ var reducer = (0, toolkit_1.createSlice)({
         });
     },
 }).reducer;
-/*****************************************************
- * Standard Selectors
- ****************************************************/
 var getAttributes = function (state) { return state.attributes; };
 exports.getAttributes = getAttributes;
 exports.getHydrationData = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getLanguage, function (attributes, language) {
     return [attributes, translations_1.TRANSLATIONS, language];
 });
-//  Configurator
 var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 dispatch((0, treble_1.setPlayerLoading)(true));
-                return [4 /*yield*/, window.threekit.configurator.setConfiguration(config)];
+                return [4, window.threekit.configurator.setConfiguration(config)];
             case 1:
                 _a.sent();
                 dispatch((0, treble_1.setPlayerLoading)(false));
-                return [2 /*return*/];
+                return [2];
         }
     });
 }); }; };

package/dist/store/index.d.ts

@@ -29,7 +29,7 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
 }, import("redux").Dispatch<import("redux").AnyAction>>>>;
-export declare const createStore: (reducer?: Record<string, Reducer<any, import("redux").AnyAction>> | undefined) => import("@reduxjs/toolkit").EnhancedStore<{
+export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;