@threekit-tools/treble 0.0.92-next-01 → 0.0.93

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOption } from '../containers/formInputContainer';
@@ -8,7 +8,7 @@ export interface IStrips extends IFormComponentProps<IOption> {
     showDescription?: boolean;
 }
 export declare const Strips: {
-    (props: IStrips): JSX.Element;
+    (props: IStrips): React.JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
@@ -49,5 +49,5 @@ export declare const Strips: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: IStrips) => JSX.Element | null;
+declare const _default: (props: IStrips) => React.JSX.Element | null;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOption } from '../containers/formInputContainer';
@@ -9,7 +9,7 @@ export interface ISwatch extends IFormComponentProps<IOption> {
     size?: string;
 }
 export declare const Swatch: {
-    (props: ISwatch): JSX.Element;
+    (props: ISwatch): React.JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         shape: PropTypes.Requireable<string>;
@@ -54,5 +54,5 @@ export declare const Swatch: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: ISwatch) => JSX.Element | null;
+declare const _default: (props: ISwatch) => React.JSX.Element | null;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOption } from '../containers/formInputContainer';
@@ -6,7 +6,7 @@ export interface ISwitch extends IFormComponentProps<IOption> {
     showDescription?: boolean;
 }
 export declare const Switch: {
-    (props: ISwitch): JSX.Element;
+    (props: ISwitch): React.JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
@@ -30,5 +30,5 @@ export declare const Switch: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: ISwitch) => JSX.Element | null;
+declare const _default: (props: ISwitch) => React.JSX.Element | null;
 export default _default;

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps } from '../containers/formInputContainer';
 export interface ITextInput extends IFormComponentProps<undefined> {
     maxLength?: number;
 }
 export declare const TextInput: {
-    (props: ITextInput): JSX.Element;
+    (props: ITextInput): React.JSX.Element;
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: ITextInput) => JSX.Element | null;
+declare const _default: (props: ITextInput) => React.JSX.Element | null;
 export default _default;

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

@@ -4,11 +4,14 @@ import { ILaunchConfig } from '../../store/treble';
 interface Theme {
     [key: string]: string | number;
 }
-export interface ThreekitProviderProps extends Partial<ILaunchConfig> {
+interface AppProps extends Partial<ILaunchConfig> {
     productId?: string;
     theme?: Theme;
-    reducer?: Record<string, Reducer>;
     children: React.ReactNode;
 }
-declare const ThreekitProvider: (props: ThreekitProviderProps) => JSX.Element;
+export interface ThreekitProviderProps extends AppProps {
+    reducer?: Record<string, Reducer>;
+    removeTheme?: boolean;
+}
+declare const ThreekitProvider: (props: ThreekitProviderProps) => React.JSX.Element;
 export default ThreekitProvider;

package/dist/components/ThreekitProvider/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -57,10 +68,24 @@ var App = function (props) {
     return react_1.default.createElement(react_1.default.Fragment, null, props.children);
 };
 var ThreekitProvider = function (props) {
+    var appProps = {
+        locale: props.locale,
+        assetId: props.assetId,
+        customId: props.customId,
+        productId: props.productId,
+        project: props.project,
+        playerConfig: props.playerConfig,
+        threekitEnv: props.threekitEnv,
+        eventHandlers: props.eventHandlers,
+    };
+    if (props.removeTheme)
+        return (react_1.default.createElement(react_redux_1.Provider, { store: (0, store_1.default)(props.reducer) },
+            react_1.default.createElement(App, __assign({}, appProps), props.children),
+            constants_1.TREBLE_DEBUG ? null : react_1.default.createElement(DevTools_1.default, null)));
     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, assetId: props.assetId, customId: props.customId, productId: props.productId, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children),
+            props.removeTheme ? null : react_1.default.createElement(GlobalStyles_styles_1.default, null),
+            react_1.default.createElement(App, __assign({}, appProps), props.children),
             constants_1.TREBLE_DEBUG ? null : react_1.default.createElement(DevTools_1.default, null))));
 };
 exports.default = ThreekitProvider;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
@@ -6,7 +6,7 @@ export interface ITiles extends IFormComponentProps<IOptionShared> {
     columns?: number;
 }
 export declare const Tiles: {
-    (props: ITiles): JSX.Element;
+    (props: ITiles): React.JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
@@ -35,5 +35,5 @@ export declare const Tiles: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: ITiles) => JSX.Element | null;
+declare const _default: (props: ITiles) => React.JSX.Element | null;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
@@ -6,7 +6,7 @@ export interface ITilesGroup extends IFormComponentProps<IOptionShared> {
     columns?: number;
 }
 export declare const TilesGroup: {
-    (props: ITilesGroup): JSX.Element;
+    (props: ITilesGroup): React.JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
@@ -33,5 +33,5 @@ export declare const TilesGroup: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: ITilesGroup) => JSX.Element | null;
+declare const _default: (props: ITilesGroup) => React.JSX.Element | null;
 export default _default;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 interface IPrice {
     price?: string;
     className?: string;
 }
 export declare const TotalPriceComponent: {
-    (props: IPrice): JSX.Element;
+    (props: IPrice): React.JSX.Element;
     propTypes: {
         price: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
@@ -15,5 +15,5 @@ export declare const TotalPriceComponent: {
         className: string;
     };
 };
-export declare const TotalPrice: (props: IPrice) => JSX.Element | null;
+export declare const TotalPrice: (props: IPrice) => React.JSX.Element | null;
 export default TotalPrice;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { ThreekitProviderProps } from '../ThreekitProvider';
 interface TrebleAppProps extends Omit<ThreekitProviderProps, 'children'> {
     productId?: string;
 }
-export declare const Products: () => JSX.Element | null;
-export default function TrebleApp(props: TrebleAppProps): JSX.Element | null;
+export declare const Products: () => React.JSX.Element | null;
+export default function TrebleApp(props: TrebleAppProps): React.JSX.Element | null;
 export {};

package/dist/components/TurntableAnimation/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
 export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title' | 'description' | 'className' | 'value'> {
     onChange: (file: File | undefined) => Promise<void>;
 }
 export declare const Upload: {
-    (props: IUpload): JSX.Element;
+    (props: IUpload): React.JSX.Element;
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: IUpload) => JSX.Element | null;
+declare const _default: (props: IUpload) => React.JSX.Element | null;
 export default _default;

package/dist/components/Upload/index.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOptionShared } from '../containers/formInputContainer';
 export interface IUpload extends Pick<IFormComponentProps<IOptionShared>, 'title' | 'description' | 'className' | 'value'> {
     onChange: (file: File) => Promise<void>;
 }
 export declare const UploadArea: {
-    (props: IUpload): JSX.Element;
+    (props: IUpload): React.JSX.Element;
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: IUpload) => JSX.Element | null;
+declare const _default: (props: IUpload) => React.JSX.Element | null;
 export default _default;

package/dist/components/UploadArea/index.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IMetadata } from '../../types';
 interface WishlistItemProps {
     thumbnail?: string;
@@ -7,5 +7,5 @@ interface WishlistItemProps {
     onShare: () => void;
     onDelete: () => void;
 }
-export declare const WishlistItem: (props: WishlistItemProps) => JSX.Element;
+export declare const WishlistItem: (props: WishlistItemProps) => React.JSX.Element;
 export default WishlistItem;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { BUTTON_SHAPES, BUTTON_TYPES } from '../Button';
 interface WidgetButtonProps {
@@ -14,10 +14,10 @@ interface WishlistProps {
     shape?: BUTTON_SHAPES;
     className?: string;
 }
-export declare const AddWishlistButton: (props: WidgetButtonProps) => JSX.Element;
-export declare const WishlistButton: (props: WidgetButtonProps) => JSX.Element;
+export declare const AddWishlistButton: (props: WidgetButtonProps) => React.JSX.Element;
+export declare const WishlistButton: (props: WidgetButtonProps) => React.JSX.Element;
 export declare const Wishlist: {
-    (props: WishlistProps): JSX.Element | null;
+    (props: WishlistProps): React.JSX.Element | null;
     propTypes: {
         className: PropTypes.Requireable<string>;
     };

package/dist/components/Wishlist/index.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { BUTTON_SHAPES, BUTTON_TYPES } from '../Button';
 interface ZoomComponentProps {
@@ -10,10 +10,10 @@ interface ZoomComponentProps {
 interface ZoomProps extends ZoomComponentProps {
     orientation?: string;
 }
-export declare const ZoomOutComponent: (props: ZoomComponentProps) => JSX.Element | null;
-export declare const ZoomInComponent: (props: ZoomComponentProps) => JSX.Element | null;
+export declare const ZoomOutComponent: (props: ZoomComponentProps) => React.JSX.Element | null;
+export declare const ZoomInComponent: (props: ZoomComponentProps) => React.JSX.Element | null;
 export declare const Zoom: {
-    (props: ZoomProps): JSX.Element;
+    (props: ZoomProps): React.JSX.Element;
     propTypes: {
         step: PropTypes.Requireable<number>;
         orientation: PropTypes.Requireable<string>;
@@ -30,7 +30,7 @@ export declare const Zoom: {
     };
     componentName: string;
     Icon: import("../../icons/types").IIcon;
-    ZoomOut: (props: ZoomComponentProps) => JSX.Element | null;
-    ZoomIn: (props: ZoomComponentProps) => JSX.Element | null;
+    ZoomOut: (props: ZoomComponentProps) => React.JSX.Element | null;
+    ZoomIn: (props: ZoomComponentProps) => React.JSX.Element | null;
 };
 export default Zoom;

package/dist/components/containers/formInputContainer.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { RawAttributeValue } from '../../hooks/useAttribute';
 import { IHydratedAttribute, IHydratedAttributeAssetValue } from '../../types';
 export interface IOptionShared {
@@ -50,5 +50,5 @@ export declare const hydrateAttributeForComponent: (attribute: IHydratedAttribut
         value: string;
     }[] | IHydratedAttributeAssetValue[] | undefined;
 };
-declare function formComponentContainer<P extends IFormContainerProps>(FormComponent: IFormComponent<Omit<P, 'options'>>): (props: P) => JSX.Element | null;
+declare function formComponentContainer<P extends IFormContainerProps>(FormComponent: IFormComponent<Omit<P, 'options'>>): (props: P) => React.JSX.Element | null;
 export default formComponentContainer;

package/dist/components/formComponents.d.ts

@@ -4,21 +4,21 @@ export declare const FORM_COMPONENT_TYPES: {
 };
 export declare const formComponents: {
     [x: string]: {
-        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
+        [x: string]: ((props: import("./Cards").ICards) => import("react").JSX.Element | null) | ((props: import("./TextInput").ITextInput) => import("react").JSX.Element | null) | ((props: import("./Tiles").ITiles) => import("react").JSX.Element | null);
     } | {
-        [x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
+        [x: string]: (props: import("./Upload").IUpload) => import("react").JSX.Element | null;
     };
     Asset: {
-        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
+        [x: string]: ((props: import("./Cards").ICards) => import("react").JSX.Element | null) | ((props: import("./Tiles").ITiles) => import("react").JSX.Element | null);
     };
     String: {
-        [x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
+        [x: string]: ((props: import("./Cards").ICards) => import("react").JSX.Element | null) | ((props: import("./TextInput").ITextInput) => import("react").JSX.Element | null) | ((props: import("./Tiles").ITiles) => import("react").JSX.Element | null);
     };
     upload: {
-        [x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
+        [x: string]: (props: import("./Upload").IUpload) => import("react").JSX.Element | null;
     };
     Boolean: {
-        [x: string]: (props: import("./Switch").ISwitch) => JSX.Element | null;
+        [x: string]: (props: import("./Switch").ISwitch) => import("react").JSX.Element | null;
     };
 };
 export default formComponents;

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

@@ -10,7 +10,7 @@ interface MessageComponentProps {
     icon: string;
 }
 export declare const MessageComponent: {
-    (props: MessageComponentProps): JSX.Element | null;
+    (props: MessageComponentProps): React.JSX.Element | null;
     propTypes: {
         content: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<string>;

package/dist/constants.d.ts

@@ -1,12 +1,12 @@
 export declare const TREBLE_DEBUG: boolean;
 export declare const DEFAULT_CLASS_NAME = "threekit-react";
 export declare const CLASS_NAME_PREFIX = "tk";
-export declare const INPUT_COMPONENT_CLASS_NAME: string;
-export declare const WIDGET_CLASS_NAME: string;
-export declare const LAYOUT_CLASS_NAME: string;
-export declare const TOOL_CLASS_NAME: string;
-export declare const DISPLAY_CLASS_NAME: string;
-export declare const FORM_CLASS_NAME: string;
+export declare const INPUT_COMPONENT_CLASS_NAME = "threekit-react tk-input";
+export declare const WIDGET_CLASS_NAME = "threekit-react tk-widget";
+export declare const LAYOUT_CLASS_NAME = "threekit-react tk-layout";
+export declare const TOOL_CLASS_NAME = "threekit-react tk-tool";
+export declare const DISPLAY_CLASS_NAME = "threekit-react tk-display";
+export declare const FORM_CLASS_NAME = "threekit-react tk-form";
 export declare const IS_TREBLE_SCRIPTS: boolean;
 export declare const TK_PRODUCT_ID_PARAM_KEY = "tkProduct";
 export declare const TK_SAVED_CONFIG_PARAM_KEY = "tkConfigId";

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

@@ -1,10 +1,10 @@
 import { IHydratedAttribute, IConfigurationColor } from '../../types';
-export declare type RawAttributeValue = string | number | boolean | IConfigurationColor | File | undefined;
-declare type UseAttributeError = [undefined, undefined];
-declare type UseAttributeSuccess = [
+export type RawAttributeValue = string | number | boolean | IConfigurationColor | File | undefined;
+type UseAttributeError = [undefined, undefined];
+type UseAttributeSuccess = [
     IHydratedAttribute,
     (val: RawAttributeValue) => Promise<void>
 ];
-declare type UseAttributeHook = UseAttributeError | UseAttributeSuccess;
+type UseAttributeHook = UseAttributeError | UseAttributeSuccess;
 declare const useAttribute: (attributeName?: string) => UseAttributeHook;
 export default useAttribute;

package/dist/hooks/useAttribute/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -45,13 +45,13 @@ var useAttribute = function (attributeName) {
     if (!attributeName)
         return [undefined, undefined];
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var _b = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _b[0], translations = _b[1], language = _b[2];
+    var _b = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _b[0], translations = _b[1];
     if (!attributeName || !attributes)
         return [undefined, undefined];
     var attribute = attributes[attributeName];
     if (!attribute)
         return [undefined, undefined];
-    var preppedAttributes = (0, utils_2.hydrateAttribute)([(_a = {}, _a[attributeName] = attribute, _a), translations, language], function (config) { return dispatch((0, attributes_1.setConfiguration)(config)); });
+    var preppedAttributes = (0, utils_2.hydrateAttribute)([(_a = {}, _a[attributeName] = attribute, _a), translations], function (config) { return dispatch((0, attributes_1.setConfiguration)(config)); });
     var handleChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
         var preppedValue, assetId;
         var _a;

package/dist/hooks/useConfigurationLoader/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

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

@@ -1,9 +1,9 @@
 import { ISetConfiguration, IHydratedAttribute } from '../../types';
-declare type UseConfiguratorError = [undefined, undefined];
-declare type UseConfiguratorSuccess = [
+type UseConfiguratorError = [undefined, undefined];
+type UseConfiguratorSuccess = [
     Record<string, IHydratedAttribute>,
     (configuration: ISetConfiguration) => void
 ];
-declare type UseConfiguratorHook = UseConfiguratorError | UseConfiguratorSuccess;
+type UseConfiguratorHook = UseConfiguratorError | UseConfiguratorSuccess;
 declare const useConfigurator: () => UseConfiguratorHook;
 export default useConfigurator;

package/dist/hooks/useConfigurator/index.js

@@ -5,12 +5,10 @@ var store_1 = require("../../store");
 var utils_1 = require("../../utils");
 var useConfigurator = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var hydrationData = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData);
-    if (!hydrationData)
+    var _a = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _a[0], translations = _a[1];
+    if (!attributes || !translations)
         return [undefined, undefined];
-    var preppedAttributes = (0, utils_1.hydrateAttribute)(hydrationData, function (config) {
-        return dispatch((0, attributes_1.setConfiguration)(config));
-    });
+    var preppedAttributes = (0, utils_1.hydrateAttribute)([attributes, translations], function (config) { return dispatch((0, attributes_1.setConfiguration)(config)); });
     var handleChange = function (configuration) {
         return dispatch((0, attributes_1.setConfiguration)(configuration));
     };

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

@@ -1,3 +1,3 @@
-declare type UseDevToolsHook = [boolean, (val: boolean) => void];
+type UseDevToolsHook = [boolean, (val: boolean) => void];
 export declare const useDevTools: () => UseDevToolsHook;
 export default useDevTools;

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

@@ -1,6 +1,6 @@
 import { IHydratedAttribute, IMetadata, ISetConfiguration } from '../../types';
-declare type UseNestedConfiguratorError = [undefined, undefined, undefined, undefined];
-declare type UseNestedConfiguratorSuccess = [
+type UseNestedConfiguratorError = [undefined, undefined, undefined, undefined];
+type UseNestedConfiguratorSuccess = [
     Record<string, IHydratedAttribute>,
     (val: ISetConfiguration) => Promise<void>,
     IMetadata,

package/dist/hooks/useNestedConfigurator/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -47,7 +47,7 @@ var useNestedConfigurator = function (address) {
     var hasInitialized = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     var playerLoading = (0, store_1.useThreekitSelector)(treble_1.isPlayerLoading);
     var priceConfig = (0, store_1.useThreekitSelector)(price_1.getPriceConfig);
-    var _a = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), _ = _a[0], translations = _a[1], language = _a[2];
+    var _a = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), _ = _a[0], translations = _a[1];
     var _b = (0, react_1.useState)(), attributes = _b[0], setAttributes = _b[1];
     var metadataRef = (0, react_1.useRef)({});
     var configurator = (0, react_1.useRef)();
@@ -57,7 +57,8 @@ var useNestedConfigurator = function (address) {
                 return;
             if (playerLoading)
                 return;
-            configurator.current = window.threekit.configurator.getNestedConfigurator([address].flat());
+            configurator.current =
+                window.threekit.treble.getNestedConfigurator(address);
             if (!configurator.current)
                 return;
             var updatedAttrs = configurator.current.getDisplayAttributes();
@@ -89,7 +90,7 @@ var useNestedConfigurator = function (address) {
         var _a;
         return Object.assign(output, (_a = {}, _a[attr.name] = attr, _a));
     }, {});
-    var preppedAttributes = (0, utils_1.hydrateAttribute)([attributeObj, translations, language], handleSelect);
+    var preppedAttributes = (0, utils_1.hydrateAttribute)([attributeObj, translations], handleSelect);
     var price = priceConfig
         ? configurator.current.getPrice(priceConfig.id, priceConfig.currency)
         : undefined;

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

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

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

@@ -1,3 +1,3 @@
-declare type UsePlayerPortal = [undefined, undefined] | [(toEl: string) => void, () => void];
+type UsePlayerPortal = [undefined, undefined] | [(toEl: string) => void, () => void];
 declare const usePlayerPortal: () => UsePlayerPortal;
 export default usePlayerPortal;

package/dist/hooks/useProductCache/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

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

@@ -1,3 +1,3 @@
-declare type UseShareHook = undefined | (() => Promise<void>);
+type UseShareHook = undefined | (() => Promise<void>);
 declare const useResetProduct: () => UseShareHook;
 export default useResetProduct;

package/dist/hooks/useResetProduct/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {