@threekit-tools/treble 0.0.42 → 0.0.46

package/dist/components/ThreekitProvider/index.js

@@ -45,6 +45,6 @@ var ThreekitProvider = function (props) {
     return (react_1.default.createElement(react_redux_1.Provider, { store: store_1.default },
         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, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv }, props.children))));
+            react_1.default.createElement(App, { locale: props.locale, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children))));
 };
 exports.default = ThreekitProvider;

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

@@ -1,5 +1,5 @@
 import { IConfigurationColor, IThreekitDisplayAttribute } from '../../threekit';
-export declare type AttributeValue = string | number | IConfigurationColor;
+export declare type AttributeValue = string | number | boolean | IConfigurationColor;
 declare type UseAttributeError = [undefined, undefined];
 declare type UseAttributeSuccess = [
     IThreekitDisplayAttribute,

package/dist/hooks/useAttribute/index.js

@@ -16,8 +16,6 @@ var useAttribute = function (attributeName) {
     var handleChange = function (value) {
         var _a;
         var preppedValue = (0, utils_1.selectionToConfiguration)(value, attribute.type);
-        if (!preppedValue)
-            return;
         dispatch((0, threekit_1.setConfiguration)((_a = {},
             _a[attributeName] = preppedValue,
             _a)));

package/dist/index.d.ts

@@ -25,7 +25,7 @@ import AttributeTitle from './components/AttributeTitle';
 import AttributeValue from './components/AttributeValue';
 import TotalPrice from './components/TotalPrice';
 import message from './components/message';
-import Modal from './components/TotalPrice';
+import Modal from './components/Modal';
 import Drawer from './components/Drawer';
 import Accordion from './components/Accordion';
 import Tabs from './components/Tabs';

package/dist/index.js

@@ -74,8 +74,8 @@ exports.TotalPrice = TotalPrice_1.default;
 var message_1 = __importDefault(require("./components/message"));
 exports.message = message_1.default;
 //  Layouts
-var TotalPrice_2 = __importDefault(require("./components/TotalPrice"));
-exports.Modal = TotalPrice_2.default;
+var Modal_1 = __importDefault(require("./components/Modal"));
+exports.Modal = Modal_1.default;
 var Drawer_1 = __importDefault(require("./components/Drawer"));
 exports.Drawer = Drawer_1.default;
 var Accordion_1 = __importDefault(require("./components/Accordion"));

package/dist/store/threekit.d.ts

@@ -6,7 +6,7 @@ import { ISaveConfigurationConfig, WishlistArray } from '../Treble';
  * Types and Interfaces
  ****************************************************/
 interface EventHandlers {
-    postConfigurationChange?: (attributes: Array<IThreekitDisplayAttribute>) => void | Promise<void>;
+    postConfigurationChange?: (updatedAttributes: Array<IThreekitDisplayAttribute>, configurationChange: ISetConfiguration, previousConfiguration: Array<IThreekitDisplayAttribute>) => void | Promise<void>;
 }
 export interface ILaunchConfig {
     threekitEnv: string;

package/dist/store/threekit.js

@@ -292,11 +292,13 @@ var launch = function (launchConfig) {
                             configurationId = product;
                     }
                     else {
-                        if ((0, utils_1.isUuid)(product.assetId))
+                        stageId = product.stageId;
+                        if (product.configurationId)
+                            configurationId = product.configurationId;
+                        else if ((0, utils_1.isUuid)(product.assetId))
                             assetId = product.assetId;
                         else
                             configurationId = product.assetId;
-                        stageId = product.stageId;
                     }
                     if (playerConfig.elementId) {
                         el = document.getElementById(playerConfig.elementId);
@@ -340,9 +342,9 @@ var launch = function (launchConfig) {
                     //  We create the threekit script
                     _j.sent();
                     return [4 /*yield*/, Promise.all([
-                            window.threekitPlayer(__assign({ el: el, 
+                            window.threekitPlayer(__assign(__assign({ el: el, 
                                 // Variables to sort out
-                                authToken: authToken, stageId: stageId, assetId: updatedAssetId, initialConfiguration: initialConfiguration }, playerConfig)),
+                                authToken: authToken, stageId: stageId, assetId: updatedAssetId }, playerConfig), { initialConfiguration: initialConfiguration })),
                             api_1.default.products.fetchTranslations(),
                             api_1.default.price.getPricebooksList(),
                         ])];
@@ -390,17 +392,18 @@ var launch = function (launchConfig) {
 exports.launch = launch;
 //  Configurator
 var setConfiguration = function (config) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-    var updatedAttributes;
+    var previousConfiguration, updatedAttributes;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
+                previousConfiguration = window.threekit.configurator.getDisplayAttributes();
                 dispatch(setPlayerLoading(true));
                 return [4 /*yield*/, window.threekit.configurator.setConfiguration(config)];
             case 1:
                 _a.sent();
                 updatedAttributes = window.threekit.configurator.getDisplayAttributes();
                 if (!EVENTS.postConfigurationChange) return [3 /*break*/, 3];
-                return [4 /*yield*/, EVENTS.postConfigurationChange(updatedAttributes)];
+                return [4 /*yield*/, EVENTS.postConfigurationChange(updatedAttributes, config, previousConfiguration)];
             case 2:
                 _a.sent();
                 _a.label = 3;

package/dist/threekit.d.ts

@@ -237,6 +237,7 @@ export interface IPlayerConfig extends Omit<ThreekitInitConfig, 'el' | 'authToke
     elementId?: string;
 }
 export interface IProduct extends Pick<ThreekitInitConfig, 'assetId' | 'stageId' | 'initialConfiguration'> {
+    configurationId?: string;
 }
 export interface IProducts extends Record<string, string | Partial<IProduct>> {
 }

package/dist/utils.d.ts

@@ -53,9 +53,9 @@ export declare const metadataValueToObject: (data: string) => Record<string, str
  */
 export declare const createThreekitScriptEl: (threekitDomain: string) => Promise<void>;
 export declare const translateAttribute: (attributes: Array<IThreekitDisplayAttribute>, translations?: ITranslationMap | undefined, language?: string | undefined) => IThreekitDisplayAttribute;
-export declare const selectionToConfiguration: (value: string | number | IConfigurationColor, attributeType: string) => string | number | IConfigurationColor | {
-    assetId: string | number | IConfigurationColor;
-} | undefined;
+export declare const selectionToConfiguration: (value: string | number | boolean | IConfigurationColor, attributeType: string) => string | number | boolean | IConfigurationColor | {
+    assetId: string | number | boolean | IConfigurationColor;
+};
 export declare const filterFormAttributes: (attributes: Record<string, IThreekitDisplayAttribute>, attributeComponentProps: IAttributesComponentProps, includeReservedAttributes: boolean) => IThreekitDisplayAttribute[];
 export declare const isUuid: (str?: string | undefined) => boolean;
 export declare const loadTrebleConfig: () => Partial<ITrebleConfig>;

package/dist/utils.js

@@ -306,8 +306,6 @@ var translateAttribute = function (attributes, translations, language) {
 };
 exports.translateAttribute = translateAttribute;
 var selectionToConfiguration = function (value, attributeType) {
-    if (!value)
-        return undefined;
     switch (attributeType) {
         case constants_1.ATTRIBUTE_TYPES.number:
         case constants_1.ATTRIBUTE_TYPES.string:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.42",
+  "version": "0.0.46",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [