@threekit-tools/treble 0.0.57-animation → 0.0.59

package/dist/components/containers/formInputContainer.js

@@ -29,15 +29,13 @@ var prepAttributeForComponent = function (attribute, config) {
     var descriptionKey = metadataKeyDescription || constants_1.METADATA_RESERVED.description;
     var options;
     var selected = attribute.value;
-    if (attribute.type === constants_1.ATTRIBUTE_TYPES.string) {
-        var stringAttribute = attribute;
-        options = stringAttribute.values.map(function (el) { return (__assign(__assign({}, el), { name: el.label })); });
+    if (attribute.type === 'String') {
+        options = attribute.values.map(function (el) { return (__assign(__assign({}, el), { name: el.label })); });
     }
-    else if (attribute.type === constants_1.ATTRIBUTE_TYPES.asset) {
-        var assetAttribute = attribute;
-        selected = (_a = assetAttribute.value) === null || _a === void 0 ? void 0 : _a.assetId;
-        options = assetAttribute.values
-            ? assetAttribute.values
+    else if (attribute.type === 'Asset') {
+        selected = (_a = attribute.value) === null || _a === void 0 ? void 0 : _a.assetId;
+        options = attribute.values
+            ? attribute.values
                 .map(function (el) { return prepCatalogItem(el); })
                 .sort(function (a, b) {
                 if (!sort || !Object.keys(constants_1.SORT_OPTIONS).includes(sort))
@@ -50,9 +48,8 @@ var prepAttributeForComponent = function (attribute, config) {
             })
             : [];
     }
-    else if (attribute.type === constants_1.ATTRIBUTE_TYPES.color) {
-        var colorAttribute = attribute;
-        selected = (0, utils_1.inflateRgb)(colorAttribute.value);
+    else if (attribute.type === 'Color') {
+        selected = (0, utils_1.inflateRgb)(attribute.value);
     }
     function prepCatalogItem(item) {
         var _a, _b;
@@ -80,9 +77,7 @@ var prepAttributeForComponent = function (attribute, config) {
     return { selected: selected, options: options };
 };
 exports.prepAttributeForComponent = prepAttributeForComponent;
-function formComponentContainer(FormComponent
-// FormComponent: IFormComponent<P>
-) {
+function formComponentContainer(FormComponent) {
     return function (props) {
         var attribute = props.attribute, metadataKeyThumbnail = props.metadataKeyThumbnail, metadataKeyDescription = props.metadataKeyDescription, metadataKeyPrice = props.metadataKeyPrice, hideAttributeTitle = props.hideAttributeTitle, sort = props.sort;
         var isLoading = (0, usePlayerLoadingStatus_1.default)();
@@ -104,7 +99,7 @@ function formComponentContainer(FormComponent
             sort: sort,
         }), selected = _b.selected, options = _b.options;
         var handleSetAttribute = function (value) {
-            return setAttribute && setAttribute(value);
+            return setAttribute === null || setAttribute === void 0 ? void 0 : setAttribute(value);
         };
         var preppedProps = __assign({}, props);
         if (!hideAttributeTitle && !preppedProps.title)

package/dist/connection.d.ts

@@ -1,14 +1,16 @@
-interface IConnectionConfig {
+export interface IConnectionConfig {
     authToken?: string;
     orgId?: string;
     assetId?: string;
     threekitDomain?: string;
+    serverUrl?: string;
 }
 export declare class ThreekitConnection {
     _authToken: string;
     _orgId: string;
     _assetId: string;
     _threekitDomain: string;
+    _serverUrl: string;
     constructor();
     connect(config: IConnectionConfig): Promise<void>;
     getConnection(): {
@@ -16,6 +18,7 @@ export declare class ThreekitConnection {
         orgId: string;
         assetId: string;
         threekitDomain: string;
+        serverUrl: string;
     };
 }
 declare const _default: ThreekitConnection;

package/dist/connection.js

@@ -42,6 +42,7 @@ var ThreekitConnection = /** @class */ (function () {
         this._authToken = '';
         this._orgId = '';
         this._assetId = '';
+        this._serverUrl = '';
         this._threekitDomain = 'https://admin-fts.threekit.com';
     }
     ThreekitConnection.prototype.connect = function (config) {
@@ -53,6 +54,8 @@ var ThreekitConnection = /** @class */ (function () {
                     this._orgId = config.orgId;
                 if (config.assetId)
                     this._assetId = config.assetId;
+                if (config.serverUrl)
+                    this._serverUrl = config.serverUrl;
                 if (config.threekitDomain)
                     this._threekitDomain = "https://".concat(config.threekitDomain);
                 return [2 /*return*/];
@@ -68,6 +71,7 @@ var ThreekitConnection = /** @class */ (function () {
             orgId: this._orgId,
             assetId: this._assetId,
             threekitDomain: this._threekitDomain,
+            serverUrl: this._serverUrl,
         };
     };
     return ThreekitConnection;

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

@@ -1,8 +1,8 @@
-import { IThreekitDisplayAttribute, IConfigurationColor } from '../../threekit';
+import { IHydratedAttribute, IConfigurationColor } from '../../threekit';
 export declare type RawAttributeValue = string | number | boolean | IConfigurationColor | File | undefined;
 declare type UseAttributeError = [undefined, undefined];
 declare type UseAttributeSuccess = [
-    IThreekitDisplayAttribute,
+    IHydratedAttribute,
     (val: RawAttributeValue) => Promise<void>
 ];
 declare type UseAttributeHook = UseAttributeError | UseAttributeSuccess;

package/dist/hooks/useAttribute/index.js

@@ -42,13 +42,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
 var attributes_1 = require("../../store/attributes");
 var utils_1 = require("../../utils");
-var constants_1 = require("../../constants");
 var api_1 = __importDefault(require("../../api"));
 var useAttribute = function (attributeName) {
     if (!attributeName)
         return [undefined, undefined];
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getAttributes);
+    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getHydratedAttributes);
     if (!attributeName || !attributes)
         return [undefined, undefined];
     var attribute = attributes[attributeName];
@@ -60,8 +59,7 @@ var useAttribute = function (attributeName) {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!(attribute.type === 'Asset' &&
-                        attribute.assetType === constants_1.ASSET_TYPES.upload)) return [3 /*break*/, 4];
+                    if (!(attribute.type === 'Asset' && attribute.assetType === 'upload')) return [3 /*break*/, 4];
                     if (!!value) return [3 /*break*/, 1];
                     preppedValue = (0, utils_1.selectionToConfiguration)('', attribute.type);
                     return [3 /*break*/, 3];

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

@@ -1,7 +1,7 @@
-import { ISetConfiguration, IThreekitDisplayAttribute } from '../../threekit';
+import { ISetConfiguration, IHydratedAttribute } from '../../threekit';
 declare type UseConfiguratorError = [undefined, undefined];
 declare type UseConfiguratorSuccess = [
-    Record<string, IThreekitDisplayAttribute>,
+    Record<string, IHydratedAttribute>,
     (configuration: ISetConfiguration) => void
 ];
 declare type UseConfiguratorHook = UseConfiguratorError | UseConfiguratorSuccess;

package/dist/hooks/useConfigurator/index.js

@@ -4,7 +4,7 @@ var attributes_1 = require("../../store/attributes");
 var store_1 = require("../../store");
 var useConfigurator = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getAttributes);
+    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getHydratedAttributes);
     if (!attributes)
         return [undefined, undefined];
     var handleChange = function (configuration) {

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

@@ -0,0 +1,14 @@
+import { CachedProduct } from '../../store/product';
+import { IReloadConfig } from '../../store/treble';
+interface CacheData {
+    activeProductIdx: number;
+    cache: Array<Pick<CachedProduct, 'name' | 'label' | 'thumbnail'>>;
+}
+declare type UseProductCache = [
+    CacheData,
+    (config?: string | IReloadConfig) => Promise<void>,
+    (idx: number) => Promise<void>,
+    (idx: number) => Promise<void>
+];
+declare const useProductCache: () => UseProductCache;
+export default useProductCache;

package/dist/hooks/useProductCache/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var product_1 = require("../../store/product");
+var store_1 = require("../../store");
+var useProductCache = function () {
+    var dispatch = (0, store_1.useThreekitDispatch)();
+    var cache = (0, store_1.useThreekitSelector)(product_1.getProductCache);
+    var activeProductIdx = (0, store_1.useThreekitSelector)(product_1.getActiveProductIdx);
+    var data = {
+        cache: cache,
+        activeProductIdx: activeProductIdx,
+    };
+    var handleChangeActiveProduct = function (idx) {
+        if (idx === undefined)
+            return Promise.resolve();
+        if (idx === activeProductIdx)
+            return Promise.resolve();
+        if (!cache || idx >= (cache === null || cache === void 0 ? void 0 : cache.length))
+            return Promise.resolve();
+        return dispatch((0, product_1.changeActiveProductIdx)(idx));
+    };
+    var handleLoadNewProduct = function (config) {
+        return dispatch((0, product_1.loadNewProduct)(config));
+    };
+    var handleRemoveProduct = function (idx) {
+        return dispatch((0, product_1.removeProductIdx)(idx));
+    };
+    return [
+        data,
+        handleLoadNewProduct,
+        handleChangeActiveProduct,
+        handleRemoveProduct,
+    ];
+};
+exports.default = useProductCache;

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

@@ -1,7 +1,8 @@
-import { ISaveConfigurationConfig, WishlistArray } from '../../Treble';
+import { WishlistArray } from '../../Treble';
+import { ISaveConfiguration } from '../../api/configurations';
 declare type UseWishlistHook = [
     WishlistArray,
-    (config?: ISaveConfigurationConfig) => void,
+    (config?: Omit<ISaveConfiguration, 'configurator'>) => void,
     (idx: number) => void,
     (idx: number) => void,
     (idx: number) => void,

package/dist/hooks/useWishlist/index.js

@@ -14,9 +14,7 @@ var useWishlist = function () {
     var wishlist = (0, store_1.useThreekitSelector)(wishlist_1.getWishlist);
     if (!isLoaded)
         return [undefined, undefined, undefined, undefined, undefined, undefined];
-    var handleAddToWishlist = function (config) {
-        return dispatch((0, wishlist_1.addToWishlist)(config));
-    };
+    var handleAddToWishlist = function (config) { return dispatch((0, wishlist_1.addToWishlist)(config)); };
     var handleRemoveFromWishlist = function (idx) {
         dispatch((0, wishlist_1.removeFromWishlist)(idx));
         message_1.default.info('Item removed from wishlist');

package/dist/http/configurations.d.ts

@@ -13,6 +13,7 @@ export interface IConfigurationResponse {
     shortId: string;
     thumbnail: null | string;
     variant: IConfiguration;
+    attachments: Record<string, string>;
 }
 interface IConfigurationsResponse extends IMultiPageResponse {
     configurations: Array<IConfigurationResponse>;

package/dist/http/index.d.ts

@@ -3,11 +3,13 @@ import * as products from './products';
 import * as configurations from './configurations';
 import * as pricebook from './pricebook';
 import * as catalog from './catalog';
+import * as server from './server';
 declare const _default: {
     orders: typeof orders;
     products: typeof products;
     configurations: typeof configurations;
     pricebook: typeof pricebook;
     catalog: typeof catalog;
+    server: typeof server;
 };
 export default _default;

package/dist/http/index.js

@@ -24,10 +24,12 @@ var products = __importStar(require("./products"));
 var configurations = __importStar(require("./configurations"));
 var pricebook = __importStar(require("./pricebook"));
 var catalog = __importStar(require("./catalog"));
+var server = __importStar(require("./server"));
 exports.default = {
     orders: orders,
     products: products,
     configurations: configurations,
     pricebook: pricebook,
     catalog: catalog,
+    server: server,
 };

package/dist/http/server.d.ts

@@ -0,0 +1,14 @@
+export interface IPostEmailRequest {
+    From: string;
+    To: string;
+    TemplateId: string;
+    TemplateModel: Record<string, any>;
+}
+export interface IPostEmailResponse {
+    To: string;
+    SubmittedAt: string;
+    MessageID: string;
+    ErrorCode: 0;
+    Message: string;
+}
+export declare const postEmail: (data: IPostEmailRequest) => Promise<IPostEmailResponse>;

package/dist/http/server.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.postEmail = void 0;
+var axios_1 = __importDefault(require("axios"));
+var connection_1 = __importDefault(require("../connection"));
+var postEmail = function (data) {
+    if (!data)
+        throw new Error('data missing');
+    var serverUrl = connection_1.default.getConnection().serverUrl;
+    if (!serverUrl)
+        throw new Error('missing server-url');
+    return axios_1.default.post("".concat(serverUrl, "/api/email"), data);
+};
+exports.postEmail = postEmail;

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import useSnapshot from './hooks/useSnapshot';
 import useWishlist from './hooks/useWishlist';
 import useShare from './hooks/useShare';
 import usePlayerPortal from './hooks/usePlayerPortal';
+import useProductCache from './hooks/useProductCache';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -41,4 +42,4 @@ import icons from './icons';
 export * from './icons';
 import TrebleApp from './components/TrebleApp';
 import ProductLayout from './components/ProductLayout';
-export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };
+export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };

package/dist/index.js

@@ -13,7 +13,7 @@ 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.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
+exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
 //  Hooks
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
@@ -39,6 +39,9 @@ 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;
 //  Components
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;

package/dist/store/attributes.d.ts

@@ -1,5 +1,6 @@
 import { RootState, ThreekitDispatch } from './index';
-import { ISetConfiguration, IThreekitDisplayAttribute } from '../threekit';
+import { ISetConfiguration, IThreekitDisplayAttribute, IHydratedAttribute } from '../threekit';
+import { ITranslationMap } from '../api/products';
 /*****************************************************
  * Types and Interfaces
  ****************************************************/
@@ -15,6 +16,18 @@ declare const reducer: import("redux").Reducer<AttributesState, import("redux").
 /*****************************************************
  * Standard Selectors
  ****************************************************/
-export declare const getAttributes: (state: RootState) => undefined | Record<string, IThreekitDisplayAttribute>;
+export declare const getAttributes: (state: RootState) => AttributesState;
+export declare const getHydratedAttributes: ((state: {
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+}) => Record<string, IHydratedAttribute>) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: ITranslationMap | undefined, args_2: string | undefined) => Record<string, IHydratedAttribute> & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 export declare const setConfiguration: (config: ISetConfiguration) => (dispatch: ThreekitDispatch) => Promise<void>;
 export default reducer;

package/dist/store/attributes.js

@@ -36,9 +36,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setConfiguration = exports.getAttributes = exports.setAttributes = void 0;
+exports.setConfiguration = exports.getHydratedAttributes = exports.getAttributes = exports.setAttributes = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
 var treble_1 = require("./treble");
+var translations_1 = require("./translations");
 /*****************************************************
  * Actions
  ****************************************************/
@@ -76,15 +77,9 @@ var reducer = (0, toolkit_1.createSlice)({
 /*****************************************************
  * Standard Selectors
  ****************************************************/
-//  Attributes
-var getAttributes = function (state) {
-    var attributes = state.attributes;
-    var isThreekitInitialized = state.treble.isThreekitInitialized;
-    var _a = state.translations, language = _a.language, translations = _a.translations;
-    if (!isThreekitInitialized)
-        return undefined;
-    if (!attributes)
-        return undefined;
+var getAttributes = function (state) { return state.attributes; };
+exports.getAttributes = getAttributes;
+exports.getHydratedAttributes = (0, toolkit_1.createSelector)(exports.getAttributes, translations_1.getTranslations, translations_1.getLanguage, function (attributes, translations, language) {
     var hasTranslation = !!language && !!translations;
     return Object.values(attributes).reduce(function (output, attribute) {
         var _a;
@@ -102,6 +97,13 @@ var getAttributes = function (state) {
                             label: hasTranslation
                                 ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.label]) === null || _a === void 0 ? void 0 : _a[language]) || el.label
                                 : el.label,
+                            handleSelect: function () {
+                                var _a;
+                                return window.threekit.configurator.setConfiguration((_a = {},
+                                    _a[attribute.name] = el.value,
+                                    _a));
+                            },
+                            selected: attribute.value === el.value,
                         });
                     }),
                 }
@@ -113,14 +115,20 @@ var getAttributes = function (state) {
                                 label: hasTranslation
                                     ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.name]) === null || _a === void 0 ? void 0 : _a[language]) || el.name
                                     : el.name,
+                                handleSelect: function () {
+                                    var _a;
+                                    return window.threekit.configurator.setConfiguration((_a = {},
+                                        _a[attribute.name] = el.assetId,
+                                        _a));
+                                },
+                                selected: attribute.value.assetId === el.assetId,
                             });
                         }),
                     }
                     : undefined),
             _a));
     }, {});
-};
-exports.getAttributes = getAttributes;
+});
 //  Configurator
 var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {

package/dist/store/price.js

@@ -55,9 +55,9 @@ var initPrice = function () { return function (dispatch) { return __awaiter(void
             case 0: return [4 /*yield*/, api_1.default.price.getPricebooksList()];
             case 1:
                 pricebook = _a.sent();
-                id = pricebook[0].id;
-                currency = pricebook[0].currencies[0];
                 if (pricebook.length) {
+                    id = pricebook[0].id;
+                    currency = pricebook[0].currencies[0];
                     dispatch((0, exports.setPriceConfig)({ id: id, currency: currency }));
                     price = window.threekit.configurator.getPrice(id, currency);
                     dispatch((0, exports.setPrice)(price));

package/dist/store/product.d.ts

@@ -1,22 +1,58 @@
 import { RootState, ThreekitDispatch } from './index';
-import { IMetadata } from '../threekit';
+import { IMetadata, IConfiguration, IProducts } from '../threekit';
+import { IConnectionConfig } from '../connection';
+import { IReloadConfig } from './treble';
 /*****************************************************
  * Types and Interfaces
  ****************************************************/
+export interface CachedProduct {
+    name?: string;
+    label?: string;
+    thumbnail?: string;
+    connection: IConnectionConfig;
+    configuration: IConfiguration;
+}
+export interface CachedProductState extends Pick<CachedProduct, 'name' | 'label' | 'thumbnail'> {
+    data: string;
+}
 export interface ProductState {
     name: undefined | string;
     metadata: undefined | IMetadata;
+    cachedProducts: Array<CachedProductState>;
+    activeProductIdx: number;
 }
+/*****************************************************
+ * Constants
+ ****************************************************/
+export declare let PRODUCTS: IProducts;
 /*****************************************************
  * Actions
  ****************************************************/
 export declare const setName: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
 export declare const setMetadata: import("@reduxjs/toolkit").ActionCreatorWithPayload<IMetadata, string>;
-export declare const initProduct: () => (dispatch: ThreekitDispatch) => void;
+export declare const addProductToCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
+export declare const updateActiveProductCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<CachedProductState, string>;
+export declare const removeProductFromCache: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
+export declare const setActiveProductIdx: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>;
+export declare const incrementActiveProductIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
+export declare const decrementActiveProductIdx: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<undefined, string>;
 declare const reducer: import("redux").Reducer<ProductState, import("redux").AnyAction>;
 /*****************************************************
  * Standard Selectors
  ****************************************************/
 export declare const getName: (state: RootState) => undefined | string;
 export declare const getMetadata: (state: RootState) => undefined | IMetadata;
+export declare const getActiveProductIdx: (state: RootState) => number;
+export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'name' | 'label' | 'thumbnail'>>;
+/*****************************************************
+ * Complex Actions
+ ****************************************************/
+export declare const initProduct: (prods?: IProducts | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
+export declare const cacheActiveProduct: (config?: Pick<IReloadConfig, "label" | "thumbnail"> | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => {
+    payload: CachedProductState;
+    type: string;
+};
+export declare const loadNewProduct: (config: undefined | string | IReloadConfig) => (dispatch: ThreekitDispatch) => Promise<void>;
+export declare const changeActiveProductIdx: (idx: number) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
+export declare const removeProductIdx: (idx?: number | undefined) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;